Tagged: , , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 3, 2016 at 8:30 pm #642698
    Snerp

    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.

    June 5, 2016 at 12:15 pm #643115
    Vinay

    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

    June 9, 2016 at 6:35 pm #645632
    Snerp

    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?

    June 9, 2016 at 10:42 pm #645808
    Vinay

    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

    June 10, 2016 at 5:13 pm #646277
    Snerp

    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

    June 12, 2016 at 2:47 am #646748
    Vinay

    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

    June 14, 2016 at 7:51 pm #648220
    Snerp

    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

    June 16, 2016 at 3:44 pm #649273
    Yigit

    Hi,

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

    Best regards,
    Yigit

    June 16, 2016 at 6:03 pm #649340
    Snerp

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

    • This reply was modified 8 years, 5 months ago by Snerp.
    June 17, 2016 at 2:34 pm #649787
    Yigit

    Hi,

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

    Best regards,
    Yigit

    June 17, 2016 at 5:45 pm #649905
    shreinmedia

    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.

    June 20, 2016 at 3:37 pm #650877
    Yigit

    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

    June 20, 2016 at 7:03 pm #651020
    shreinmedia

    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!

    June 22, 2016 at 4:38 pm #652230
    Andy

    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

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