Shop Categories

X

Mobile Menu

Home Forums Agama Pro Mobile Menu

Topic Resolution: Resolved
Viewing 15 posts - 1 through 15 (of 28 total)
  • Author
    Posts
  • #6161
    brillianttv
    Participant

    Hi,
    Is there a way of setting the mobile theme colour to transparent please?
    I use Agama pro.
    Many thanks.
    Website is at: http://timmymallettmirror.sykes-creative.co.uk.

    #6164
    Zex
    Moderator

    Hi,brillianttv!

    If you think of the mobile menu, add the CSS code below to the:
    Customizing ▸ General ▸ Additional CSS

    code:

    #masthead .mobile-menu {
        
    background-color: rgba(255, 255, 255, 0.8);
    }

    https://prnt.sc/gkj45e
    ,
    Where the first part (255, 255, 255) represents the color, – white, in this case.
    (you can find more color codes on this address.)
    and the second part (0.8) represents the how much transparency you have .

    for the full transparency set the value to (0.0)

    Regards

    #6173
    brillianttv
    Participant

    Thank you for your help 🙂 Have you ever had mobile menus jumping up and down when scrolling up and down the page?

    #6174
    brillianttv
    Participant

    In other words is there an ‘auto home’ feature for the mobile nav menu please?
    Thank you 🙂

    #6178
    Zex
    Moderator

    Hi,brillianttv!

    I opened your website through a mobile phone and did not find the problem you are describing, it looks like it’s everything okay with your mobile menu.
    (no mobile menus jumping up and down when scrolling up and down the page)

    This may happen if you have a conflict with some plugin, so
    if this happens to you, try to disable all plugins and if the problem is gone, activate it one by one until the error reappears, so you will know which plugin causes the problem.

    There is no “auto home” option, but You can always open the home page by click on the site logo on the top of the page.

    Best Regards

    #6190
    brillianttv
    Participant

    Hi Zex and everyone who has very kindly responded,

    What’s happening is when you look at the home page, on for example iPhone, it’s almost like there’s two headers when you scroll from the top to bottom.

    Just wondered if it was a mobile theme issue?

    Thanks.

    #6191
    brillianttv
    Participant

    Hi Zex,
    I’m wondering if it’s an issue with the header shrink, but it only affects the mobile view. As I say it looks like two headers on the phone. If there’s a way I can disable one of them just for the mobile, that would be amazing.

    #6198
    Zex
    Moderator

    Hi,

    Actually, It’s not an issue, and it’s not just in mobile view…

    As I see, you have setted up the Header style V2, with enabled transparency, so when you scroll down the page, the background image of the header appears, which is perfectly normal, and because you have a gradient image in the header background and the slider, looks like you have two headers.

    I suggest you to remove the header image. (In Customizing ▸ Header ▸ Header Styling),

    then add the CSS code below in to: Customizing ▸ General ▸ Additional CSS

    code:

    @media screen and (max-width: 992px)
    {
    #masthead .sticky-header, .mobile-menu
    	{
    position: fixed!important;
    	}
    }

    https://prnt.sc/glgzgf

    …and see if that suit your needs. If you don’t like it, simply remove the CSS code.

    Best Regards

    #6204
    brillianttv
    Participant

    Zex thank you, having one more issue,
    I’m trying to get the header on this page (http://timmymallettmirror.sykes-creative.co.uk/timmy-towers/) transparent, it goes semi-transparent if you start scrolling down already.

    The header on the main page (http://timmymallettmirror.sykes-creative.co.uk/) is already transparent. No matter I do with the css code, I can’t get the header on the other pages in their natural state transparent.

    Any ideas please?

    Thank you in advance again 🙂

    #6219
    Zex
    Moderator

    Hi,brillianttv!

    If you give us your login information in a private reply, we can do it for you.

    Thanks.

    Regards

    #6224
    brillianttv
    Participant
    This reply has been marked as private.
    #6225
    Zex
    Moderator

    Hi,
    I’ll work in about an hour.

    #6226
    brillianttv
    Participant
    This reply has been marked as private.
    #6227
    Zex
    Moderator

    Hi,brillianttv!

    I made it. https://prnt.sc/gmj3t5

    But…as you can see, it does not look good, so I put a red background for the header instead, and this looks much better for me.

    You can try it by yourself, just go to General->Additional CSS, and uncomment the code.

    /*div.sticky-header.clear {
    
    	position:fixed!important;
    }*/

    https://prnt.sc/gmjdad

    I’ll be available if you need more help

    PS.
    I suggest you to use the Child theme because if you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.

    Best Regards

    • This reply was modified 5 years, 2 months ago by Zex.
    #6229
    brillianttv
    Participant
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 28 total)
  • You must be logged in to reply to this topic.