Hi,
We’re glad that you were able to sort it out! Do you need assistance with anything else in this topic, or can we close this thread?
Best regards,
Sarah
Hey Sam,
1- Please add following code to Quick CSS as well
#mobile-advanced li.social_bookmarks_twitter a {
min-height: 50px;
}
2- Please refer to my post here – https://kriesi.at/support/topic/search-icon-on-mobile-devices/#post-589759
Best regards,
Yigit
Hey Sam,
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_top.html_logo_center .logo img {
margin: auto;
}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 100%;
}
Best regards,
Yigit
Hi,
You will be able to mimic the positioning by doing the following steps:
1. Please use this as your tab title instead:
<a href="YOUR LINK HERE" download="" class="av-section-tab-title av-tab-no-icon av-tab-no-image download-link">Download</a>
This will make the download link take some of the other tabs’ styles. The last one is a new one that will use in step 2.
2. Please add this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#av-tab-section-1 .download-link {
margin: 7px 0 6px 0;
vertical-align:top;
line-height:2.5em;
}
You might also want to hide the empty tab title. To do this, please add this in Quick CSS as well:
#av-tab-section-1 a[data-av-tab-section-title="7"] {display:none !important;}
I hope that helps!
Best regards,
Sarah
-
This reply was modified 8 years, 10 months ago by
Sarah. Reason: removed link
Hi Guys Can you please assist me?
I am creating an enfold site that uses the blog posts on a couple of pages, which i used by dragging into a page: Avia Layout Builder > Content Elements > Blog Posts > Drag into Page
I have used multiple categories for the blog post and I have styled the single blog posts using the categories however I cant style the blog post grid layout with these categories. I would like for these elements to be styled from the categories so that the grid layout adds the style from the selected categories inserted into the blog post.
I found this Page which i think maybe dated as i couldn’t find the code in the postslider.php page it said to replace, but it was 2013 and maybe dated?
https://kriesi.at/support/topic/add-category-as-a-css-class-to-blog-posts-content-element/
Any help on this will be greatly appreciated, hope this finds you well
Cheers Dave.
Hi Basilis,
Unfortunately the hover effect isn’t working.
This is the code I currently have for the button. Are you able to spot this issue?
body .gform_wrapper .gform_footer input[type=submit]{
color: #fff;
border: 3px solid #fff;
background: transparent;
padding: 15px 30px 13px;
font-size: 13px;
min-width: 139px;
border-radius: 3px;
}
#top .gform_wrapper input[type=”submit”]::hover {
color: #fff;
border: 3px solid #fff;
background: transparent;
padding: 15px 30px 13px;
font-size: 13px;
min-width: 139px;
border-radius: 3px;
}
Hi,
1. You can specify CSS for the second grid that contains content. Please try this code when you have already put a table:
.avia-builder-el-15 .avia-data-table-wrap {border: 1px solid #ed3c98;}
2. You can set the mobile behavior for grids. You can choose between Default: Each cell is displayed on its own, or Cells appear beside each other, just like on big screens.
If you choose the default, the elements stack on top of each other, and because your second row has the text before the image, that’s how it will show in mobile as well. What you can do is create an extra grid row that has the image before the text, and will only be visible on mobile. Give it a Section ID like mobile-only, and give your original second a Section ID like desktop-only. Then use this code in Quick CSS:
@media only screen and (max-width: 768px) {
.desktop-only {display: none !important }
}
@media only screen and (min-width: 768px) {
.mobile-only {display: none !important }
}
This way, your desktop-only grid row is hidden for screens smaller than 768px, and your mobile-only grid row is hidden for bigger screens.
I hope that helps!
Best regards,
Sarah
Hi,
I am using a centred menu with my Enfold theme and as such, I modified the location of the social media (twitter) icon using code found at the following support ticket:
https://kriesi.at/support/topic/social-icons-to-the-right-of-centered-menu/
This works well. The only issue is that now in the mobile menu, the final item (the twitter icon) is partially cut off. Is there a simple way to fix this?
I would also like to add the search item to the mobile menu if it is easy to do, so that it matches all the items on my desktop menu.
Thanks in advance for any help,
Sam
Hello,
Sorry to bother you again, but I had a biiig problem with my laptop (no more coffee while workirking for me) and realized I didn’t have a backup for the downloaded demos. Tried the links from the post above but the files are no more there. I would like the XML file for the App Demo please.
Thank you in advance,
Nadea
Hey Autokallen,
Go to Appearance->Menus then click Screen Option in the top right hand corner of the screen. Select Link Target in that menu.
Best regards,
Rikard
Hi,
It seems that you misunderstood.
I want to use the sub menu to navigate through sections on the page, so the Mobile menu button can stay.
On desktop sizes i use the Accordion for that navigation.
On mobile sizes i need the Accordion to be hidden when the Mobile Sub menu button appears, and the Sub menu should be hidden when the Accordion is visible on desktop sizes.
I hope i explained it a bit better this time?
Kind regards,
Sam
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Ahmad,
Great, glad you got it working and thanks for sharing your solution :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#footer #text-4 {
margin-bottom:0 !important;
}
#footer #avia_mailchimp_widget-2 {
margin-top:0 !important;
}
Best regards,
Rikard
Hey MStrom1337,
Try to follow the instruction given on this thread: https://kriesi.at/support/topic/add-new-font/#post-234710
Hope it helps :)
Best regards,
Nikko
Hi Mike,
thanks for your reply.
Well I will see what I can find out.. in the meanwhile you can close the topic.
Thanks,
Neverlands
Thank you! That definitely works!
Even though it seems like it still remains the separation line between the top line and the center and the bottom one and the center.
Is any way to get rid of it?
Thanks in advance :)
Good morning, I use the product variables with the woo commerce plugin. It has stopped working with the new woocommer update and my enfold theme. I hope your news so I can solve this as soon as possible, thanks
-
This reply was modified 8 years, 10 months ago by
oncediez.
Hi
Please help me modify my logo size on mobile. I’ve searched this through the threads and have tried the solutions but nothing works. I added custom css in the quick css under general styling but no luck. Below is what I entered in quick css.
@media only screen and (max-width: 50px) {
.responsive #top .logo {
width: 100%;
text-align: -webkit-center;
}
.responsive #top .logo img {
top: 0;
}
}
Hey emilgandersson,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .av-masonry-load-more {
margin: 20px auto;
width: 300px;
float: none;
}
Just adjust the values as you see fit. Hope this helps :)
Best regards,
Nikko
Hello,
Some how I’ve ended up with a blank container DIV at the top of a few of my pages. I don’t know how this has happened and I cannot see anyway of removing it as it does not show on the layout builder or the page HTML on the edit side, but it does show on the rendered page.
If you could help to try to remove this it would be appreciated. Link attached.
Thanks,
Hi,
Ah, I understand now. Sorry, I got confused for a second there. I’ve updated the code in my previous answer. Can you try that one, please?
Best regards,
Sarah
Hi,
Which mods are not valid? Do you have another solution as to how to make an animated hamburger icon?
The only problem I have with the current solution is that after the update 4.0.3 the animated hamburger icon hides behind the pop-up menu’s black background. Z-index doesn’t seem to work, but you know the code better, so maybe you know what is causing the problem?
We want an animation with the hamburger icon (so the lines animates into a cross and back again on toggle), which enfold’s default mobile icon does not do. I’ve used this link: https://kriesi.at/support/topic/animated-hamburger-mobile-menu-icon/ and the rest should be simple.
Best regards,
M
Hello Nikko,
absolut top very quick support and it works fine thank you
best regards
Kai
Hey kittypunkz,
You have the active tab set to same background colour as the container has, try changing it to a different colour:
#top a.av-active-tab-title {
color: white;
}
Best regards,
Rikard
Dear John,
Thank you so much for your support. I already found a solution, but didn’t close my topic… In the end the solution was quite easy. I didn’t have the latest version of TM extra product options installed. After update, the cart worked again.
Thanks!!!
Hi Mike
Thank you for answering me again.
I wasn’t aware that the admin bar was a WP matter.
I suddenly realize, I have probably mentioned the admin bar.wrong. But on my localhost I have nothing over the over the header image and the top menu. In the left side I miss the control panel or dashboard (I am not sure what it is called).
Yes that is correct: I want to copy my live site blog into localhost.
I have been looking at Duplicator, and I might try that, though I have quite good experience with moving sites with export/import database and copy files with FileZilla.
I make full backups everyday with BackupBuddy, and it is a full backup I have running now. The only problem is the control panel and the bar in the top.
Yes I use XAMPP which I find quite simple, so that is not the problem. But I will try your proposal UwAmp.
What to do with the “Export theme settings”?
Best regards,
Hanne,
Denmark
-
This reply was modified 8 years, 10 months ago by
Stegemueller.