Hi,
I’m not sure how many columns you want to add, try adding this code in Quick CSS (located in Enfold > General Styling):
#top .single-product-main-image .thumbnails a {
width: 47.6%;
}
This would result to 2 columns. Hope this helps.
Best regards,
Nikko
Salut!
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 (max-width: 480px) {
#top div div.woocommerce-message a.button {
width: 30%;
}}
Noroc!
Yigit
Hi,
What Rikard meant was it gets really complicated when there are 7 questions in one thread. It is easier for us and for other users to follow when there are 7 different threads with 1 question in each :)
1- Please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ and adjust the size of your container inside your color section. You are currently using column elements to center your text.
2- Yes. We have a post in documentation as well that you can refer to – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display/hide certain elements on mobile. So you can replace your element with the one that is optimized for mobile.
3- Please add following code to Quick CSS
.home #av_section_4 h3 {
margin-top: 0;
}
4- That would not be the case if you used only two column elements one on the right and other on the left and adjust container size as needed by referring to my answer to #1
5- You can also try using Grid Row element with two rows and two cells.
6- Great! Glad Rikard could help :)
7- Again, please see #4 and #1 :)
Contact me
1- Please use following code
.avia_ajax_form input.button {
background: #ff9900;
border: none;
}
About me
1- My reply to #7, #4, #1 would help in this case as well :)
Best regards,
Yigit
Hi,
I added following code to style.css file of your child theme in Appearance > Editor
#top .sub-menu { background: transparent !important; box-shadow: none !important; }
Please review your website now
Best regards,
Yigit
Hey pimroll,
For 1 and 3, kindly add this in Quick CSS:
.sidebar_left .menu li a {
font-size: 15px;
color: black;
}
Just adjust the values.
As for 2, I’m not sure what you mean, is it the top and bottom spacing between menu items?
Best regards,
Nikko
Hi,
Glad that you found the solution :) let us know if you need more assistance related to this topic.
Best regards,
Nikko
Hallo, hier ist die Darstellung besser.
Möchte das das Logo auch über der Topbar liegt.
View post on imgur.com
Hey vmoralestejedor,
Try doing the following steps:
- Add a Color Section
- Edit it and set Section Padding to Huge Padding
- Set Section Top Border Styling to No border styling
- Click Custom Background Image tab
- Click Insert Image button and add a large image make sure it’s set to full size
- Add Special Heading inside the Color Section, add the Heading Text
- Set Heading Type to h1 or h2
- Set Heading Style to Heading Style (modern)
I think that should be enough, the text below it should be easy with a text block. Hope this helps :)
Best regards,
Nikko
Hi,
1.) Can you try to add this code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
#top #wrap_all #header {
background-color: #344652 !important;
color: #f7f7f7 !important;
border-color: #344652 !important;
}
#top #wrap_all #header.av_header_transparency {
background-color: #f7f7f7 !important;
color: #344652 !important;
border-color: #f7f7f7 !important
}
}
Let us know if this helps.
2.) I’ve checked it with an ipad and the x button is working properly.
Best regards,
Nikko
Sorry, one more thing. How do you control the colour of the ‘social media icons’ in the top menu bar?
I can’t seem to get it to stop being white.
http://prntscr.com/dguoxv
In this example when I make the screen mobile size the social icon turns white, despite making the font black in the advanced editing area.
Thanks
Hi,
try this code inside Quick CSS field:
#top .av-main-nav ul ul {
left: 207px;
}
Best regards,
Andy
Hi,
Glad to help!
To font size above the main menu can be changed with the below css
#top #header_meta .phone-info {
font-size: 14px;
}
Best regards,
Vinay
Hi,
this won’t be easily possible. You can move it up or down instead:
.textwidget {
position: relative;
top: 24px;
}
Best regards,
Andy
Hi Rikard, yes, I mean in the lightbox after the image has been clicked. I want hide top text, with – between words.
Thanks
Best regards.
Nunzio
Hey!
The login credentials doesn’t work. I also noticed that the header is already changed, do you still want to change it? as for the Animated Numbers, please create a separate thread so it’s more organized and arranged per topic, also in that thread please include where the animated numbers are located.
Regards,
Nikko
Hallo, kann ich das Logo auch noch über die Topbar legen.
View post on imgur.com
sorry for the bad explanation… in the meantime I could delete the search button but in the bottom of the side on the right can you find like a sidebar!!! (PAGES – Widget) so the last text and the text above the feedback is not centered
http://girls.portalhamburg.de/en/produkt/escort-lady-dana-aus-dortmund-3/
How can I send a screenshot – german is my native lenguage so I dont understand your last – “Also please mark topics like these with NSFW.”
kinde regards Sami :-)
This is a follow up to my request below.
https://kriesi.at/support/topic/advanced-layerslider-on-mobile-devices/
Hi Basilis
Sorry, I have to bother again.
The code you provided in your answer to my request above is working perfectly, but when I moved it to the style file of my child theme (I prefer to organize my CSS changes there), it stopped working. Is there any particular reason or remedy for this?
I would appreciate your insight and help with this.
Many thanks
Hello,
thanks for your help! The logo was shaped like an egg. :-)
But i found a workaround for IE with your avia.msie code, that will be ok:
.avia-msie .header-scrolled .logo a img {
visibility: hidden;
}
.avia-msie .header-scrolled .logo a {
background: url(https://www.URL_Logo.png) no-repeat top center;
}
Hey internetwarriors,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #menu-item-search {
float: left!important;
}
Best regards,
Vinay
Hello!
Cant find the right css function: the search icon is float:right,
So is it possible to put the search Icon after the last top menu? So that it’s responsive, too?!
Thanks for your help!
nadine
Hi,
I’m not sure I understand what you mean, they are displaying fine on my end on both desktop and mobile. Could you try to explain a bit further or post screenshots of the changes you would like to make please?
Best regards,
Rikard
Hi,
Glad you got it working, let us know if you should have any further problems on the topic.
Best regards,
Rikard
Hi,
Glad we could help, let us know how you get on with it or if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Let us know if you should have any further problems on the topic.
Best regards,
Rikard
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Martina,
Ok great, let us know how you get on with it or if you should need any further help on the topic.
Best regards,
Rikard