badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Nav bar and buttons colours issue

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #69068
    todor.dimitrov23
    Participant

    I’d like remove the top nav-bar when using mobile phone view.
    Also when click on the parent menu, the child menus appears in the same colour and its not able to be read.

    #69089

    Hi @todor-dimitrov23,

    To hide the top nav-bar on mobile view please go to ‘Appearance > Customize > Additional CSS’ and paste the below custom CSS Code.

    @media (max-width: 767px) {
    	.info-bar {
    		display: none;
    	}
    }

    And could u please share us your Site Url so that we can figure out the issue regarding parent menu color.

    Thanks

    #69091
    todor.dimitrov23
    Participant

    Hi Support Team,

    https://meetthecherry.com

    Try to click on EVENTS DASHBOARD > EVENTS LIST
    EVENTS LIST appears in red and once you click on it, you’re not able to read it.

    Thanks,
    BR

    #69092
    todor.dimitrov23
    Participant

    Hi again,

    Also regarding the CSS code:


    @media
    (max-width: 767px) {
    .info-bar {
    display: none;
    }
    }

    Now the whole top nav bar disapeared, is it possible to see only Login menu on the top right corner, because now (without your additional css code) it showing up as three lines.

    Thanks,

    #69094

    Ok we do understand but the menu link color is related to the menu navigation color (Color Scheme > Navigation). Actually the dropdown menu color you have chosen is also red so it’s not being able to see. Try using different color than red and you will be able to see the the dropdown menus.

    Thanks

    #69095

    Ok we thought you want to remove whole top bar as the top corner date was also annoying you. ok forget about the above provided code. Now please paste the below Code instead.

    @media (max-width: 767px) {
    	.info-bar .contact-section {
    		min-height: 34px;
    	}
    	.info-bar .social-profiles,
    	.info-bar .date {
    		display: none;
    	}
    }

    Let us know if have other issue regarding the theme

    Thanks

    #69109
    todor.dimitrov23
    Participant

    Well, I’ve added the following code:

    .info-bar .date {
    	display: none;
    }
    
    @media (max-width: 767px) {
    	.info-bar .contact-section {
    		min-height: 34px;
    	}
    
    	.info-bar .date {
    		display: none;
    	}
    }
    

    Now the date is off – OK
    The social profiles are on – OK
    When open the site through mobile phone the top right corner still stays with three horizontal lines instead of login/account buttons. – NOT OK

    Thanks,

    #69113

    Actually that’s a top navigation menu section not the button section. The list of menus added in that section will be shown as the dropdown menu in mobile and tablet view. As you can see in out Demos as well. If you want login Button there in the bar then you need to hire a developer to customize the code for you.

    Thanks.

    #69114
    todor.dimitrov23
    Participant

    Thanks for the response,
    BR

    #69119

    Welcome anytime @todor-dimitrov23
    If you have any problem do not hesitate to contact us.

    Thank you for using our theme.

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