Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #642698

    Hi,

    I’m using the transparency menu which works perfectly on the desktop and ipad screens except for mobile screens.

    Issue 1. the logo is appearing as the white version and not the dark version
    Issue 2. when you click on the mobile menu the fonts are all white and un-readable

    I also am having issues with the Masonry Gallery. When and of the galleries are viewed on tablets or mobile screens the gallery images won’t show up unless you re-fresh the screens.

    #643115

    Hey Snerp,

    1. To fix the menu font color we added the below css in Enfold > General Styling > Quick CSS

    /* mobile menu text color*/
    @media only screen and (max-width: 767px) {
    #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
        color: #000;
    }
    #mobile-advanced a:hover {
        color: #9B857A!important;
    }
    #mobile-advanced a:hover::before {
        color: #9B857A!important;
    }
    }
    

    2. To fix the logo please upload a dark version in Enfold > Theme Options > Logo

    Best regards,
    Vinay

    #645632

    Hi,

    the code worked, thank you.

    As for the logo issue, I can’t add a dark version to the Enfold > Theme Options > Logo, because then the transparency logo will then use the white version as the “main” logo which won’t work because the main bar is white. If you could, please look at the site to better understand what I mean.

    Also you never answered my question concerning the Masonry Gallery. When the galleries are viewed on tablets or mobile screens the gallery images won’t show up unless you re-fresh the browsers. Is there a fix for this?

    #645808

    Hi,

    To fix the logo Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
    .responsive .logo img  {
        display: none!important;
    
    }
    
    .responsive .logo {	
        min-width: 300px!important;
        min-height:60px!important;
        background: url('http://soleilblindsandshades.com/wp-content/uploads/2016/06/Soleiblinds-Header-Logo_up.png')no-repeat;
        background-size:100%;
        background-position: 0px 25px!important; 
    }}
    

    Regarding masonry, i’m sorry it slipped my mind. I checked the site on my android tablet it looks good. I’m unable to re-produce this issue please try and add the element on a empty page or a test page again on tablet and let us know if you still have the same issues with it.

    Best regards,
    Vinay

    #646277

    Hi Vinay,

    I added the code for the logo fix. The only issue now is that the logo is too wide, as if it’s not responsive. Can you please take another look.

    Thanks

    #646748

    Hi!

    The logo is responsive now we have updated below CSS block with min-width and max-width.

    
    .responsive .logo {	
        min-width: 200px!important;
        max-width: 70%!important;
        min-height:60px!important;
        background: url('http://soleilblindsandshades.com/wp-content/uploads/2016/06/Soleiblinds-Header-Logo_up.png')no-repeat;
        background-size:100%;
        background-position: 0px 25px!important; 
    }

    Regards,
    Vinay

    #648220

    After the latest theme update the transparency menu is no longer white in the default position making the navigation links impossible to read. But when you scroll down the secondary menu works. See attachment.

    View post on imgur.com

    I’ve also included the sites Login info

    #649273

    Hi,

    Please go to Enfold theme options > Header > Transparency Options and change “Transparency menu color” to white :)

    Best regards,
    Yigit

    #649340

    Ok that worked sort of….the links on the default menu are now white and not the brown.

    • This reply was modified 8 years, 3 months ago by Snerp.
    #649787

    Hi,

    I edited “main menu link” in Enfold theme options > Advanced Styling. Please review your website now :)

    Best regards,
    Yigit

    #649905

    Hi Yigit, I am experiencing the same symptoms across my wesbites where the secondary navigation items take on the white transparent menu color on mobile where transparent is not available.

    you can see what I’m referring to here – daveshrein.com

    I’ve applied the CSS that you referenced above, but it did not work. Can you take a look?

    Thx.

    #650877

    Hi,


    @shreinmedia
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        position: absolute!important;
        background: transparent;
    }}
    

    Best regards,
    Yigit

    #651020

    Hi Yigit,

    Thank you for getting back with me.

    What I am looking for is restoration back to what the theme used to look like.

    You can see at this link a screen shot of what it used to look like… this theme is not up to date.
    https://www.dropbox.com/s/jksu9v587zsibjc/Screenshot%202016-06-20%2010.01.21.png?dl=0

    You can see at this link what the styling changes you shared produced.
    https://www.dropbox.com/s/9weugo1ej124mu4/Screenshot%202016-06-20%2009.59.35.png?dl=0

    Thanks so much!

    #652230

    Hi,

    I can’t see any issues on the screenshots you’ve provided. Also on the link of your website I can’t see any issues, wether on desktop nor on mobile. Can you highlight what you’re talking about please? Would be best to open your own thread, otherwise it gets quite confusing.

    Best regards,
    Andy

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