Hi Yigit,

The plugin doesn’t make any difference.

If I can just have the top menu visible at all times and then turn the main menu off, that would be good?

Thanks,

Krissie

Thanks that works. However, the header is still close to the top edge and learn more button is still huge. Anyway to resize that down or make the slider image bigger in height as it looks like it also got cropped smaller?

http://pasteboard.co/1eoUsN6b.png

Hi – I tried putting it on the top, but then my navigation color bar disappeared.
This is what the codes I have and not sure which is affecting the color of the navigation bar.

@media only screen and (min-width: 767px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 199px !important;
}
.av_secondary_right .sub_menu {
padding-left: 10px;
letter-spacing: 1px;
}
#menu-item-search {display:none;}
div {letter-spacing: 0.5px;}
#footer { font-size: 12px; }
#footer {line-height: 150%;}
#socket .container {
padding-top: 5px;
padding-bottom: 10px;
}
.main_color .avia-slider-testimonials .avia-testimonial-content { background: #00467F; }
.main_color .avia-testimonial-content strong { color: white; }
.avia-testimonial-arrow-wrap .avia-arrow {
background: #00457F !important;
border-color: #00457F !important;
}
a.iconbox_icon {
background-color: transparent !important;
background-image: url(http://www.accesssi.net/newsite/wp-content/uploads/2015/12/AccessSI_WhiteIcon.png);
border: none !important;
}
a.iconbox_icon:before {
content:none !important;
}
#top #wrap_all .custom-color-heading .av-special-heading-tag {
font-weight: bold;
}
.hr-full, .hr-big {
margin: 15px 0;
}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
h1 { font-size: 28px; line-height: 1.3em; margin-bottom: 10px;}
h2 { font-size: 23px; line-height: 1.1em; margin-bottom: 8px; }
h3 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; }
h4 { font-size: 14px; line-height: 1.1 em; }
h5 { font-size: 14px; line-height: 1.1em; }
h6 { font-size: 12px; line-height: 1.1em; }

.footer_color b {
color: #ffffff;
letter-spacing: 0.75px;
}
#top .main_color .input-text, #top .main_color input[type=’text’], #top .main_color input[type=’input’], #top .main_color input[type=’password’], #top .main_color input[type=’email’], #top .main_color input[type=’number’], #top .main_color input[type=’url’], #top .main_color input[type=’tel’], #top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select {
border-color: #e1e1e1;
background-color: #ffffff;
color: #4d4d4d;
}
.ninja-forms-req-symbol {
color: #1c93cf !important;
}
.ninja-forms-form-wrap label {
padding-top: 10px !important;
}
.asc_rss .social_widget_icon {
color: #fff;
background-color: #007bb5;
border-color: #007bb5;
text-shadow: 1px 1px 1px #125688;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 1000px;
}
#top .fullsize .template-blog .post-title {
max-width: 1000px;
}
.small-preview .iconfont { display: none !important;
}
#top .fullsize .template-blog .blog-meta {
display: none !important;
}
#top .flex_column .template-blog .post-title {
font-size: 28px;
letter-spacing: 1px;
text-transform: uppercase;
}
.text-sep {
padding: 0 5px;
display: none !important;
}
.av-share-box .av-share-link-description {
margin-bottom: 20px;
font-size: 18px;
color: #1c93cF;
}
body .alignleft, .entry-content-wrapper a:hover .alignleft {
margin: 20px 20px 20px 0;
}
span.news-thumb.no-news-thumb {
display: none !important;
}
h3 a:hover {
color: #202759 !important;
text-decoration: underline !important;
}
.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
text-shadow: 2px 2px 2px #000;
letter-spacing: 2px;
}
#top .av_inherit_color * {
letter-spacing: 1px;
}
.avia_transform .av_slideshow_full .avia-caption-title {
letter-spacing: 2px;
text-shadow: 2px 2px 2px #000;
}
.page .post-title a {
pointer-events:none !important;
}
@media only screen and (max-width: 767px) {
.avia-slideshow-arrows {
display: none !important;
}
.slideshow_caption * {
font-size: 12px !important;
}
}

Here you go

View post on imgur.com

The top icon is the current one, the bottom one is the one i want.

• This reply was modified 10 years, 2 months ago by mike.rav.

No issues. But I think you still haven’t get my question. Ok let me explain you one more time ;)

See basically when I’m using widget in the header area it is showing fine in the desktop but when I open it in mobile devices it just cut behind the logo and menu icon.

So I want to shift it somewhere else like just above the slider or just below the logo part (only in mobile devices). I don’t want to hide it.

Hey

thanks for your comments.
Meanwhile I created a mockup of the desktop as well as of the envisioned mobile version.

1) The desktop version should show a vertical menu on the left side, with the same design as the dummy from the Flashlight demo.

2) The mobile (responsible) version should show a vertical menu sliding in from the right edge (including 3 menu levels). The slider should not hide the entire screen, but only have the width needed to accommodate the menu.

Can both be done in Enfold?

(I gave in as far as my request to avoid the hamburger button is concerned. I still don’t like it, but if the mobile user is happy with it, it’s okay.

Thanks,
Bruno

Okay, I will try it.
And whatabout keeping the top menu visible at all times?

Thanks

Hi Vinay,

Thanks for your answer and good to know that it is not possible (yet). I have solved it now by showing some parts only at the desktop version an made a lot of new images which are only showing on mobile. The only thing now is that the menu on mobile is not function good. All the sub links are working, but the main menu items don’t work. Do you know how to solve this? I could’t find any earlier topic about this.
Best wishes, Eline

Hi

Where can I find :

Click “Screen options” on the top right corner and check “CSS classes” then edit your newly added custom link and give it a custom CSS class

Do you have a screen shot off this. I can not edit

Michel

Hi

This works for me now, but I need to use 3 columns and not 4 (that’s something I can live with).

When I tested everything, I ran into another problem, or better yet, two of them:
a) when showing portfolio excerpts on several pages, only active categories for a certain page are displayed, even if the option “Yes, show the sort options” is selected. For example, if people are listed according to different countries, only the countries of people on a particular page are offered for sorting. I would like to have ALL categories displayed all the time, as is done for example in Accordion. There have been similar reports and already some proposed solution (e.g. https://kriesi.at/support/topic/portfolio-and-post-navigation-issues/), but I’m not sure which one, and how, applies to my case.
b) I’m not sure how to structure categories if I want to use Portfolio grid on several different pages. For example, I have a page for all the members of the Action, but then I have subpages for individual Working Groups. So in a certain Working Group, there are only 40 out of 230 members, but I would still like to be able to show the sorting option for Countries. However, if I choose Countries, other members from those countries are automatically added. Do I thus need to add Countries to my taxonomy in each of the Working Groups? So the taxonomy would be:

All members
–Countries
——Austria
——Belgium
——etc.
Working group1
–Countries
——Austria
——Belgium
Working group2
–Countries
——Austria
——Belgium
——…
Working group2
–Countries
——Austria
——Belgium
——…

Best

Iztok

Well, if I want to use a centred menu and have no logo, there is a white space between the top menu and the main menu. I’d just like to reduce it down a bit. I presume the header height option would make the main menu smaller too?

I’ll have to give you a login to view it as the site isn’t live. Let me know if you need that still.

Cheers Yigit! :)

Thank you! :) You can close this topis! :)
https://d2salfytceyqoe.cloudfront.net/wp-content/uploads/2016/01/798160-translate_independently_3.png

Thanks, also I have another topic that hasn’t been answered in 3 days. Can you help me out with that?

Thanks