-
Posts
-
hello i have some issues i need the answers to please:
1) if you look at this photo:
https://www.dropbox.com/s/6fvrsnjtimxuj28/Normal%20Web%20Browser.png?dl=0
you will see there is a thick line between facebook and twitter i need that fixed but
2) if you look at this image:
https://www.dropbox.com/s/71ya5mm4evhm019/Mobile%20size.png?dl=0
you will see there is one line still there between facebook and twitter, so i need the line to be correctly sized in the menu when its in desktop mode, and i need the line to dissapear when its in mobile mode. its also weird because if you look at this picture:
https://www.dropbox.com/s/71ya5mm4evhm019/Mobile%20size.png?dl=0
you will notice the line is normal when you scroll down the page in desktop mode and the menu goes from transparent to white.
3) the burger menu in tablet mode is black on my transparent menu:
https://www.dropbox.com/s/jkzf103lupuqvdq/Tablet%20size.png?dl=0
can you give me the code to turn it white only when its in transparent menu please?Also i hope and wish you can fix the issues of the social media lines in the Arabic page in one of your theme updates, as these issues have been plaguing this theme from the beginning. if you look at my started topics you will see how many issues I’ve had with the Arabic menu.
Kind regards,
Hey Jihad,
Kindly add this css to Quick CSS:
#top.rtl #header .social_bookmarks li:last-child { border-color: rgba(255,255,255,0.25) !important; } #top.rtl #header.header-scrolled .social_bookmarks li:last-child { border-right: 1px solid #e1e1e1 !important; } .av_header_transparency #advanced_menu_toggle { color: #fff !important; }Let us know if it works :)
Best regards,
NikkoHello Nikko,
It all worked except for one problem, the burger menu is now also white when the menu goes white ie in mobile mode.
Hi,
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 (min-width: 767px) { a#advanced_menu_toggle { color: white!important; }}Best regards,
YigitHello Yigit,
that worked:
https://www.dropbox.com/s/lydyn2qewjj3bl3/Arabic%20Clear%20Menu.png?dl=0
but it stays white when i scroll down the page in tablet form:
https://www.dropbox.com/s/it1dd5cbkbr365x/Arabic%20Menu%20After%20Scroll.png?dl=0
https://www.dropbox.com/s/4qlh9ygk218eb77/English%20Menu%20After%20Scroll.png?dl=0Also why does my Arabic Burger menu have such a big gap from the side of the page? how can i decrease that to make it look just like the english side?
i hope you guys can fix these issues in an update, also isnt there anyway i can change these color issues in the the Enfold settings? instead of using codes i mean?
Hi,
Kindly add this code inside Yigit’s code:
.header-scrolled a#advanced_menu_toggle { color: #000 !important; }it should look like this:
@media only screen and (min-width: 767px) { a#advanced_menu_toggle { color: white!important; } .header-scrolled a#advanced_menu_toggle { color: #000 !important; } }Let us know if it works :)
Best regards,
NikkoHey Nikko,
That did the job! the only thing left is the position of the burger menu on the Arabic website. and then i hopefully will not bug you guys ever again! :p
Hi,
Kindly add this code to Quick CSS:
@media only screen and (max-width:960px) { #header_main .container.av-logo-container { padding: 0; max-width: 100%; } #advanced_menu_toggle { left: 10px !important; } }Let us know if it works :)
Best regards,
Nikkonow its sticking to the sides. do i just have to adjust the pixels? i think i already have that code in the quick CSS as well.
- You must be logged in to reply to this topic.