Forum Replies Created
-
Posts
-
Hi,
It may be possible via JS. Did you use the submenu element in the advanced layout builder? If the following doc does not apply to your situation then we can try to do this via JS.
Best regards,
Jordan ShannonHi,
No problem at all. Once you configure the text css, that should be about it. I will keep this thread open for additional questions on this specific topic.
Best regards,
Jordan ShannonHi,
Add the following to quick css to adjust the icon size.
.av-hamburger-box{ width:20px!important; } .av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active .av-hamburger-inner::after{ bottom: 0px!important; } .av-hamburger-inner::after { bottom: -5px!important; } .av-hamburger-inner::before { top: -5px!important; }Best regards,
Jordan ShannonHi,
It looks like the .hide-on-mobile class is no longer applied to this section.This could be possible due to the theme update depending on how you went about attaching the class in the first place. If you attach the class back to it then it should resume working as expected.
Best regards,
Jordan ShannonHi,
Download a fresh copy of the update zip, and attempt to update via FTP. Please see the following:
Best regards,
Jordan ShannonHi,
You can use imgur or a service like this https://snag.gy/. But, my apologies it is the FULL WIDTH Easy Slider. Please see the following:
Best regards,
Jordan ShannonHey geertroggeman,
Please try adding the following to return the social icons on mobile:
@media only screen and (max-width: 767px){ .responsive #top #header .social_bookmarks { display: block!important; } }As for the other issue, I would like a further explanation as I’m having trouble understanding exactly what it is you need.
Best regards,
Jordan ShannonHey Keith,
Add the following to quick css:
@media only screen and (max-width: 767px){ .responsive #top #header .social_bookmarks { display: block!important; } }Best regards,
Jordan ShannonHey Adeline Woo,
The easy slider element provides a simple solution for adding 2 call to action buttons and links to the slider image.
Best regards,
Jordan ShannonHi,
You can use the easy slider. It provides options right within the element to add multiple CTA buttons and where to link them.
Best regards,
Jordan ShannonHi,
Add the following to quick css:
@media only screen and (max-width: 767px) { .av-hamburger .av-hamburger-box .av-hamburger-inner, .av-hamburger .av-hamburger-box .av-hamburger-inner::before, .av-hamburger .av-hamburger-box .av-hamburger-inner::after { background-color:red!important; } .html_av-overlay-side #top .av-burger-overlay-scroll{ background:red!important; } }Best regards,
Jordan ShannonHi,
Okay, this is going to have be done differently. Remove the mobile logo css, and follow this to add a second logo for mobile:
Best regards,
Jordan ShannonHi,
I followed the same steps I posted for you above and received the exact desired effect: https://snag.gy/HLCiUu.jpg.
The text size will have to be adjusted via css as well the icon size. So, you may have to go through and remove some pre-existing css that could be effecting the styling.
Best regards,
Jordan ShannonHey adelinewyp,
Which demo were you looking at specifically? The link provided is just the overview page.
Best regards,
Jordan ShannonHi,
No problem at all. If you need additional help, please let us know here in the forums.
Best regards,
Jordan ShannonHi,
Where on the backend have you added the mobile logo? It seems you have two stacked on each other which is effecting the css.
Best regards,
Jordan ShannonHi,
Apologies, I’m not quite sure what you mean. Can you provide a screenshot of the section.
Best regards,
Jordan ShannonHi,
I may be looking in the wrong area. The text on the about us page seems centered already. That was the original post issue correct?
Best regards,
Jordan ShannonHi,
Does the theme appear broken when view from the front-end? Also, does anything appear broken on the admin? That error could mean a damaged zip-file but this issue has not been widely reported by other users.
Best regards,
Jordan ShannonHi,
I see what you mean. Please try adding this to quick css:
@media only screen and (max-width: 767px) { .avia-multi-slideshow-button.avia-slideshow-button{ margin-right:0px!important; } }Best regards,
Jordan ShannonHi,
Great! I’m glad I was able to help you solve this. If you need additional help, please let me know here in the forums.
Best regards,
Jordan ShannonHey Jennifer,
Have you tried temporarily disabling JetPack and attempting the install?
Best regards,
Jordan ShannonHi,
Please provide a link to the site just so we can make sure we are targeting the correct elements and classes.
You can also try the following, which worked for me directly in the browser:
#avia2-menu.menu a{ color:orange!important; }Best regards,
Jordan ShannonHey ExagOne59,
A color adjustment should fix this. Add the following to quick css:
@media only screen and (max-width: 767px) { #avia2-menu.menu{ color:#000!important; } }Best regards,
Jordan ShannonHey Nathan,
This can be a possible css fix or how the tabs are configured. Please provide admin info so we can log in and look into this issue further.
Best regards,
Jordan ShannonHey buscoseo,
Please try adding the following to quick css:
@media only screen and (max-width: 767px) { #header_meta{ background:#000!important; } .social_icon_1, .social_icon_2, .social_icon_3{ border:0px!important; } }Best regards,
Jordan ShannonHey Marco,
Thank you for reporting this! I will get this info to the developers.
Best regards,
Jordan ShannonHi,
Okay, this looks correct. Please add the following to quick css:
.template-page.content.av-content-full.alpha.units{ padding-bottom:0px!important; } #text-2.widget.clearfix.widget_text{ margin-top:0px!important; margin-bottom:0px!important; } #text-2.widget.clearfix.widget_text .textwidget p{ margin-top:0px!important; margin-bottom:0px!important; }Best regards,
Jordan Shannon
