Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Nathan_G

Member
  • Posts

    3
  • Joined

  • Last visited

  1. Thank you so much for replying Bangank36!! that extension looks really useful.👌🏽 BTW, did you see my previous post with what i am finding much more challenging? Thanks again, appreciated 🙏🏾
  2. Site URL: https://www.on2design.co.uk Hello all, Is there a way to remove or control the size of any spacer columns/spacer blocks in a page or site-wide from a specific screen size using CSS—in this case—for tablet screens? I just want to have a more control over the spacing of elements on the page. I am using the Avenue template. Many thanks for any help given 😊
  3. Site URL: https://www.on2design.co.uk Hello all, Im in desparate need of help, as this is driving me mad!! :( I am using the Avenue template and ! am trying to integrate a hamburger icon into my site to show on mobile and tablet (portrait and landscape view) as my navigation layout breaks in these views. I have am able to get a hamburger to work on mobile using this code: // create hamburger icon // #mobileMenuLink { position: relative; margin-bottom:0px; } #mobileMenuLink a { color: transparent; } #mobileNavWrapper.wrapper { margin-bottom:-50px; } #mobileMenuLink a:after { content: '☰'; color: black; width: 100%; text-align: center; text-size: 25px; position: absolute; top: 0; left: 0; } I have tried solutions on similar posts—but whatever i try, i cant get it to work for tablet views. I have tried placing the code within breakpoints (im not great at coding so, im just stabbing in the dark), the code below has the variable set near the top of the css file (variable: @tablet: ~"only screen and (min-width: 751px)";): css code @media @tablet { // Code here } Should this work, or Im i approaching the problem incorrectly? I have attached screenshots from my mobile that i want to mirror for the tablet. I appreciate any help given. https://www.on2design.co.uk
×
×
  • Create New...