Thanks! But how do you calculate the percentage of the left margin and the percentage of the top?
Hey!
It was made intentionally. But you can add following code to Quick CSS and display it between 480-768px as well
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block;
}}
Cheers!
Yigit
Hey!
For default logo with “non-fixed header with social icons and additional navigation” header type, custom css code would be
div .logo { left: 41%; }
.main_menu { left: 31%; margin-top: 40px; }
.main_menu .menu ul { top: 66%; }
Best regards,
Yigit
I’m trying to create a single image landing page with the menu and logo on top image the image. Like this: (link)
Can the be done?
Thanks
Can you explain me the basics? Logo = 270 x 130 px, header height from top to slider = 180 px. I have to adjust sizes myself, I have understanding of CSS. Menu width = max. 960 px.
Logo (centered)
–
Menu item Menu item Menu item Menu item Menu item Menu item Search (centered menu).
–
Slider
Hi finessecreative!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) { .social_header .phone-info { top: 99px; font-size: 18px; left: 10px; }}
Best regards,
Yigit
Hey!
Can you post the link to your website as well? The link you provided in your other topic is still not Enfold
Cheers!
Yigit
Hey IcosMediaKunden!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top #menu-item-search.menu-item-search-dropdown>a:after { content: 'Suche'; }
Regards,
Yigit
This reply has been marked as private.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top div.woocommerce-message { border-color: #D40094; background-color: #D40094; color: white; }
If you would like to make changes elsewhere, please point them out as well
Regards,
Yigit
Amazing!
It took some time, but it’s definitely worth waiting for this answer.
I didn’t think about something like that.
Thank you very much!
Topic can be closed, because the solution is there!
Hey!
Add this code to the Quick CSS:
.main_color:first-child .template-page.content.twelve.alpha.units {
padding-top: 0;
}
@media only screen and (max-width: 767px) {
.main_color:first-child .template-page.content.twelve.alpha.units {
padding-bottom: 30px;
}
}
Cheers!
Josue
In addition, the mobile version has an even worse problem with padding above and below the logo. For both the PC and mobile versions, I would like only a 5-10px of padding on top and bottom of the logo please. Thank you!
Hi guys. Please look at the category sorting links on this page, on the iPhone…
http://mcalpin.net
They are breaking bad.. instead of flush left for each link if necessary. can you advise?
Thanks!
Thanks for the compliment on the site. http://www.jackandaddi.com It has been a lot of work customizing it to fit my branding but fun also. But the theme does most of the work of course ;)
The issue isn’t with the mobile menu but the (jquery, I think) link to the top of the page that appears when you scroll down the page till a certain distance past the fold. You can even test it on this forum so it isn’t an issue with my site but the theme in general. if you scroll down far enough to the link in the bottom left corner appearing, then drag your window to a width anywhere between 480 – 768 the link will disappear, and then re-appear outsize that window size.
Hi guys
Back on this one again https://kriesi.at/support/topic/move-phone-no-into/
The only problem is its gone weird on responsive http://www.mainline-energy.co.uk
On my phone (android) the phone no. is on top of the menu. Is there a way to just alter the way it works on phones/tablets so the menu (and the rest of the page) is pushed down or something to make it look right.
Thanks
Masten
I did, but I would like to know how to decrease the top and bottom padding around the logo, plus it would also be nice if the logo would not be so big. So (1) how can I decrease the top and bottom padding around the logo, and (2) how can I decrease the logo size?
Thank you!
Hey!
Try with this:
#top .widget_nav_menu li {
min-width: 140% !important;
}
Cheers!
Josue
Hi Kriesi Team,
I’ve got a question concerning the permalinks, that go along with each portfolio entry. I’ve created a page and named it “showreel”, to show some videos our company has made. Every spot is a separate entry with a separate portfolio page. Unfortunately, every portfolio page is named like this in the permalink:
name of my page/portfolio-item/name of video 1
name of my page/portfolio-item/name of video 2 etc.
I would like to have it this way:
name of my page/showreel/name of video 1
I came across a forum entry, that focuses on the same problem.
https://kriesi.at/support/topic/portfolio-items-permalink-and-breadcrumbs/
But I couldn’t find a proper solution for me.
My questions are:
a) is it possible, to change portfolio permalinks simply in the programming back-end? Change php code etc..?
b) can it be done via a plugin?
c) or am I forced to create my own custom post type, like Davin suggested it? (#163128) Can it have the same functionality like the classic portfolio? It seems to me that this is the most elaborate solution, because I would have to create the post type and re-create each portfolio entry new.
Thank you for your answer and best regards.
Hi there,
I’d like to add this code to the top header next to the telephone number at the top of a site, it’s for qtranslate, I don’t like WPML:
<?php echo qtrans_generateLanguageSelectCode(‘dropdown’); ?>
Thanks
Silvio
Hey!
Please refer to this post to change the width to switch to mobile menu https://kriesi.at/support/topic/collapsable-menu/#post-165144
Cheers!
Yigit
I’m using the plugin Types to manage custom post types.
When the content of such a cust post type is displayed, you will see the standard “Blog – latest news” and also the meta data (author, date) being displayed in the top of such a page.
See also the example here:
http://grab.by/rIYe
http://grab.by/rIZY
Is it possible to change or hide these details for custom post types?
Hey!
The numbers are not correct for the second set. There is no 6th element so that css effects nothing visible. Changing it to 1,2,3 for each would however.
For the border, you can use:
#top .social_bookmarks li { border: 0;}
Any other issues should be started in a new topic.
Best regards,
Devin
Hi!
It looks like the borders aren’t showing any longer from this css:
.container_wrap {
border-top-style: none;
}
Cheers!
Devin
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 768px) { .logo a { overflow:visible!important; }
.responsive #top .mobileMenu { margin: 35px 0 10px 0!important; }}
Best regards,
Yigit
-
This reply was modified 12 years, 3 months ago by
Yigit.
Hey Tim!
1) Fullwidth elements such as LayerSlider, Color Section etc can be used only without sidebar. Or such issue will occur. However, you can add Widget Area element under Content Elements and add your widgets into it if you really need to use sidebar widgets and color section in the same page.
2) Please add following code to Quick CSS in Enfold theme options under Styling tab
.logo img { padding-top: 15px; }
.header-scrolled .logo img { padding-top: 0; }
Regards,
Yigit