Forum Replies Created
-
Posts
-
Hi Ismael,
Thank you Ismael. I managed to make it work with Social Bookmarks visible on mobile below the flyout/mobile menu.
I had to remove the comment (/* Add your Mobile Styles here */) to make it work though. Strange since it should not read that, but it made the difference.
Note: If you can refer to code that put/places the Social Bookmarks within the flyout/mobile menu, I might consider using that instead.
Consider this case closed, and thank you again :)
Thanks for the fast reply.
This code seems to change the look of the transparent header ass wellCan I add code that adjusts the social bookmarks to black and uses another logo (the black version) as well? I guess it still inherits the social bookmarks color and logo from “transparant header” :)
Hi Ismael,
Thank you for your reply.
But I do not need to adjust the style of the transparent header. I need a third option for the header. Or a “second” transparent header, but this one only with black text. So I have three header options for each page under “Header visibility and transparency” options.
CAN I fx. adjust the “Transparant & glassy header” just to look like the “transparant header”, but with black text?
Hope it makes sense :)
Hi Ismael,
Thank you, that works! I tried to add some code to adjust size and position to social bookmarks, but it does not work:
@media only screen and (max-width: 479px) {
/* Add your Mobile Styles here */
.responsive #top #wrap_all #header .social_bookmarks,
.responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
display: block;
left: 30px !important;
font-size: 20px !important;
}
}Also, I would like to adjust position of the burger icon. Also without luck. Could you point to info or specify for me where i need to put adjustment code? Heres relevant code:
/* Activate burger menu */
@media only screen and (max-width: 1100px) {
#top #header .av-main-nav > li.menu-item {
display: none !important;
}#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}/* Burger menu thickness*/
.av-hamburger-inner,
.av-hamburger-inner:before,
.av-hamburger-inner:after {
height: 1px;
}/* Burger menu icon color on transparent header */
@media only screen and (max-width: 479px) {
#header.av_header_transparency .av-burger-menu-main a .av-hamburger-inner,
#header.av_header_transparency .av-burger-menu-main a .av-hamburger-inner:before,
#header.av_header_transparency .av-burger-menu-main a .av-hamburger-inner:after {
background-color: #232323 !important;
}}@media only screen and (min-width: 1100px) {
#top nav .social_bookmarks {
margin-right: 120px;
float: right;
left: 1px;
}}@media only screen and (max-width: 479px) {
/* Add your Mobile Styles here */
.responsive #top #wrap_all #header .social_bookmarks,
.responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
display: block;
left: 30px !important;
font-size: 20px !important;
}
}
