Hi!
You can add your Facebook as a new link in Appearance > Menus and then add following code to Quick CSS not to display it in menu when website displayed on a desktop
@media only screen and (min-width: 990px) {
li#menu-item-59 {
display: none !important; }}
You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg
Cheers!
Yigit
Hi!
I’m not getting that on my end. When viewing it at that size with any ipad its showing the logos on top of the slider correctly.
I did notice you have a javascript error preventing the WordPress javascript from loading fully though I don’t know the cause or what effects it could be having.
Regards,
Devin
Hey web4proPL!
You can remove post nav by adding following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-post-nav { display: none; }
and you can use following code when you are using boxed layout
.avia-post-prev { left: 4%; }
.avia-post-next { right: 4%; }
I could not reproduce scrolling issue on my end on Chrome version 34.0.1847.131 on Mac OS X 10.9.2. Which OS and Chrome version are you using?
It does look fine on my end on Firefox 29 – http://i.imgur.com/fhsWzsH.jpg
Can you post the link to your website so we can look into it?
Regards,
Yigit
This reply has been marked as private.
I am witnessing a weird behavior in one specific page of my website:
http://vacationrentalworldsummit.com/disclaimer/
As you see, all the names of/links to the pages created within the site show up on top of this page, making it nearly impossible to read.
How do I get rid of this?
Thanks
Antonio
Hey Munford!
1- It is currently set to middle align if you would like to change it to top aligned, please add following code to Quick CSS
.avia-section.av-minimum-height .container .content { vertical-align: top; }
2-
.logo img { max-height: 48px; }
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 80%;
height: auto !important;
margin-top: 15px;
}}
Regards,
Yigit
hey,
i just found a solution with the “absolute position problem”, in putting elements in boxes, so now there is no more “margin problem” on top and bottom of the color section…
but the margin on the right side of my elements is still there.. if you have any ideas…
thanx :)
This reply has been marked as private.
Hi spirit1977!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 150px;
}
Cheers!
Yigit
Hey!
Thank you for visiting the support forum!
Please try to add this on Quick CSS or custom.css:
td, tr {
vertical-align: top;
}
Regards,
Ismael
Hi!
1- Please go to Enfold theme options > Header Layout > Header Size = Custom Size > Header Custom Height = 200px
2- Please add following code to Quick CSS
div .logo { margin-top: 20px; }
3- Please refer to Ismael’s post here – https://kriesi.at/support/topic/add-new-font/#post-234710
Cheers!
Yigit
Thanks Ismael. I did not see the custom height option when I first looked in that section. Just missed it like a blind man. On the other issue, I decided to keep the opacity in the header and instead adjusted the padding like this:
.html_header_top.html_header_sticky.html_large #main {
padding-top: 150px;
}
Now I have the opacity and the proper spacing so it does not look weird. Thanks. As always, the support on this theme is top notch.
Tim
Is there a way to have an image not display on smart phones & tablets (portrait)
I have a colour section with a 2/3 column with an image in it and 1/3 column with an icon box in it , it is possible to have this layout on desktop but for mobile only have the icon box
thanks in advance
Hi Yigit,
That does the trick. Why you set display: none !important; } and not display: none; }? What does !important mean?
Do you no also the answer for this treat: https://kriesi.at/support/topic/no-sharing-icons-and-category-clickable/
It annoys me for some time and I know no solution.
Best regards,
Miikey
Hello,
I know it’s offtopic.
I love the way you’ve structured your catalog. How is this done? I mean is this a page with portfolio gallery, which links into galleries? I don’t know the difference between a “page” with gallery inside, or portfolio items.
Thank you.
Hi Jonathan!
The base value as it is now which is 30px of margin on the top and bottom but only when the element is the first or last element in a section.
If you wanted to just remove it you could with:
body .container_wrap .hr.avia-builder-el-last,
body .container_wrap .hr.avia-builder-el-first {
margin: 0px 0;
}
Regards,
Devin
Hi!
I’ll flag the FF issue for Kriesi as realistically if there is a major issue with it rendering the site it would need to be done as a theme update. There really shouldn’t be since reading over the browser specs they don’t seem to have any difference from the desktop version of FF.
Best regards,
Devin
Edit: What carrier is the phone on and exact version. There is carrier specific junkware on many phones so the more specific the better.
-
This reply was modified 11 years, 11 months ago by
Devin.
Hi,
I have tried searching the forums for an answer and the replied code don’t work. I require assistance on 3 matters:
1) I would like to change the logo size to 785px x 180px
2) I would like to increase the padding of the top of the logo.
3) I would like to use google fonts for the theme:
Text such as blog entries or body text to be > https://www.google.com/fonts/specimen/Sorts+Mill+Goudy
With the following css:
color: #999999;
font-size: 14px;
font-style: normal;
font-family: OFLSortsMillGoudyTTRegular,Garamond,Palatino,Georgia,serif;
text-transform: none;
line-height: 1.25em;
font-weight: 400;
Navigation bars/menu items and post title/entry title to be > http://www.fonts2u.com/melbourne-light.font
With the following css:
color: #000000;
font-style: normal;
font-size: 14px;
font-family: melbournelight,Arial,Helvetica,sans-serif;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
-
This topic was modified 11 years, 11 months ago by
goderictia.
Hi!
It doesn’t, but you can play around with some CSS:
/*
Desktop Styles
================================================== */
@media only screen and (min-width: 768px) {
#image_placeholder{
display: none;
}
}
/*
Mobile Styles
================================================== */
@media only screen and (max-width: 767px) {
#image_placeholder{
display: block;
}
#layer_slider_1{
display: none;
}
}
Put the image inside a Color Section with an id of #image_placeholder (next to the LS), you’d need to figure out the LS container id via the Inspector Tool.
Best regards,
Josue
hi again
i am wondering
whether can remove the underline when hover at top menu “contact us” and whats the css style
and
when hover can i change the color of “contact us” to bold and another color? and only this top menu changes without affecting the main menu
thank you very much
web is http://www.goldrise.com.sg
Hi guys,
If you look at my site you can see that I introduced css rules to align the images under “As Featured In”. This works on most browsers but if you view on IE8 for example, the alignment rules don’t apply. Is there code I can use that will work more universally?
I’m using the below at the moment:
.avia_image.asseen1 {
top: -8px;
right: -160px;
}
.avia_image.asseen2 {
top: -38px;
}
.avia_image.asseen3 {
top: -21px;
left: -160px;
}
Many thanks,
Jonathan
Could you please tell us how to reduce the image size of posts in the archive desktop view?
Many thanks
Hi collinlc!
Thank you for using the theme!
1.) You can fix the active state border with this on Quick CSS or custom.css:
#top .main_color .tabcontainer .tab.active_tab {
border-bottom-color: #e1e1e1;
}
Change the border color if necessary.
2.) I’m not sure if I’m following you on this one. Do you mind providing a link to a page with the example?
Regards,
Ismael
Hi!
Thank you for the updates.
I’m sorry but this topic is getting a little bit mixed. The original issue is about the text block which is already fixed on 2.7.1 version. Please avoid hijacking other threads and open your own instead. The title of the thread should correspond with the issue or request at hand. If possible, please don’t flood the thread with multiple questions or requests. You can create a single thread for each question or request. Thank you! We reported the issue with the search form to Kriesi. Please wait for his response.
Regards,
Ismael
I have had to revert to using the flash player with soundcloud on our site since the latest update. This was the one previous to 2.7.1 .. I have upgraded to it now and still is not fixed. It worked previously to these updates. The soundcloud player just shows a blank spot. No play button, no sound wave image, just the blank spot where the iFrame is… Any clue? Thanks. Garyj
P.S. It does work with Firefox and Google Chrome, and on the mobile phones, just not IE9 on my laptop.
-
This topic was modified 11 years, 11 months ago by
grpetz.
Hi!
Thank you for the link.
Please use this on Quick CSS or custom.css to fix the buttons:
.woocommerce-page .button {
min-width: 100px;
min-height: 54px;
}
#top div .widget_shopping_cart .button {
width: 49%;
float: left;
}
#top div .widget_shopping_cart .button.checkout {
margin-top: 4px;
}
Best regards,
Ismael
How could I make the image at the top of the post go full width and the content and sidebar start below it?