Tagged: nav bar button colour
- This topic has 9 replies, 3 voices, and was last updated 5 years, 1 month ago by Theme Horse Support Team.
-
AuthorPosts
-
October 13, 2019 at 1:50 pm #69068todor.dimitrov23Participant
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.October 14, 2019 at 7:00 am #69089Theme Horse Support TeamKeymasterTo 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
October 14, 2019 at 7:04 am #69091todor.dimitrov23ParticipantHi Support Team,
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,
BROctober 14, 2019 at 7:10 am #69092todor.dimitrov23ParticipantHi 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,
October 14, 2019 at 7:14 am #69094Theme Horse Support TeamKeymasterOk 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
October 14, 2019 at 7:29 am #69095Theme Horse Support TeamKeymasterOk 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
October 14, 2019 at 9:07 am #69109todor.dimitrov23ParticipantWell, 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 OKThanks,
October 14, 2019 at 9:43 am #69113Theme Horse Support TeamKeymasterActually 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.
October 14, 2019 at 9:45 am #69114todor.dimitrov23ParticipantThanks for the response,
BROctober 14, 2019 at 10:54 am #69119Theme Horse Support TeamKeymasterWelcome anytime @todor-dimitrov23
If you have any problem do not hesitate to contact us.Thank you for using our theme.
-
AuthorPosts
- You must be logged in to reply to this topic.