Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 25, 2020 at 5:21 am #1197560
    adxdigitalmarketing

    Hello,

    I have a small issue with the header… the logo on the left overlaps the menu items when you shrink the screen size.
    It does eventually change to burger menu but because the logo is so long its overlapping the menu before changing which i would like your help to fix please.

    Here is the website – test by shrinking the screen.

    Home

    Thanks
    Alice

    March 28, 2020 at 12:59 pm #1198560
    Victoria

    Hey adxdigitalmarketing,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1024px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 29, 2020 at 11:20 pm #1198958
    adxdigitalmarketing

    Perfect! Thank you Victoria

    March 29, 2020 at 11:27 pm #1198962
    adxdigitalmarketing

    Can you please help me with another question i have…

    Is it possible to set two different transparent logo settings:
    1- dark logo and text (for the home page)
    2- white logo and text (for all other pages)

    This is so the header is always visible on the images in the background (the homepage has light header images and all other pages have dark overlay on images) https://adxarchitectural.com.au/

    Thanks,
    Alice

    March 31, 2020 at 6:47 pm #1199438
    Victoria

    Hi Alice,

    Well, please show me the page where you need the dark logo.

    Best regards,
    Victoria

    April 1, 2020 at 5:48 am #1199612
    adxdigitalmarketing

    Hi Victoria,

    The dark logo and header text is needed ONLY for the home page: https://adxarchitectural.com.au/.
    All other pages that have transparent headers ( /products-category, /projects-gallery, /news etc.) need the white logo and text.

    If this is possible can you tell me how its done so if the home page changes images and needs a white transparent header i wont need your help again!

    Thanks

    Also, I’m having an issue with .zip files downloading on the front end…
    I have linked .zip media files to buttons on the https://adxarchitectural.com.au/resources/cad-files/ page but when viewing on a mobile the links just take you back to the resources page instead of asking ‘do you want to download “file name.zip”?’ like it does for me when downloading .zips on other websites.

    Any ideas on how i can make the zips download on mobile please?

    Thanks :)

    April 6, 2020 at 3:47 pm #1201258
    Victoria

    Hi adxdigitalmarketing,

    The pages where there is no slider on top do not use header transparency and so they look like this:
    Image 2020-04-06 at 16.43.28.png

    You have images of different color on the home and changing the color to dark will not solve the issue completely.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.home .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 1;
    filter: alpha(opacity=1);
}
 #top.home #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text,
 #top.home #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
     color: #444;
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.