Hi Andy,

sorry but that has no effect. I added:

@media only screen and (min-width: 990px) {
.only-mobile-menu-search { display: none !important; }}

as in the referred post from Yigit.
Please load my site and you will see, that a menu item is still there on desktop (first shown, than active on hover only).

Thanks !
Jan

Hey Vinay,

Thanks for this, but I want to move the captions, not change the image height– if I change the image height, it will look stretched since these are all @ 72dpi (I learned this the hard way).

Is there a way to move the captions and change the font size only on this one page and only on mobile views? This is going to be a recurring issue for this client, so if I can get the right selectors, it will save me (and you) a lot of time.

I need to reduce caption font size on a per-page basis and move either the center caption or the left caption (depending on which is used) for tablets.

On this page, I adjusted the caption location on desktop views with this:
.page-id-350 .slideshow_align_caption {
top: 120px;
}

I adjusted on mobile views to at least get the caption visible with this, and it’s fine on small mobile screens (on those, there is no avoiding covering the image, but I would like to be able to reduce the font size in case the caption runs long):
@media only screen and (max-width: 1200px) {
.page-id-350 .slideshow_align_caption {
top: 0px !important;
}
}

ON OTHER PAGES (which have a different size slider and use the bottom caption), I got help from you and was able to move the captions with this:
.caption_bottom .slideshow_caption {
top: 425px !important; left: 350px !important;
bottom: auto !important;
}

and I used this to shift it on a variety of mobile screen sizes (I split the breakpoints into 4):
@media only screen and (min-width: 320px) and (max-width: 399px) {
.caption_bottom .slideshow_caption {
top: 160px !important; left: 10px !important;
bottom: auto !important;
}
}

I also was able to adjust the caption font size on the other pages with this:
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 16px !important;
}
}

and this:
@media only screen and (max-width: 359px) {
.responsive #top .slideshow_caption h2 {
font-size: 13px !important;
}
}

The pages I am asking about now are all separate and have to be customized on a per-page basis, and they will use either the center or left caption because the bottom caption is customized for the featured large image size and I don’t want to mess with those settings.

I really appreciate your help– I have tried every combination of the above I thought would work and it’s not doing what I thought.

Hi

Yes i didt and the result was not tha the text has not changed but the form stoped to work. It didnt send the email at all.
Also please dont forget the other text too inside the message
Thank you very much

This did nothing as well.
But you were not all that clear about how to add it – should I delete anything? should I just add it on top of everything already there?
And another thing, could you please clarify how making the site “live” helps you? you have my very detailed explanation, the screenshots, the page source, what else is missing?. I apologise if this might feel like a redundant question for you, It isn’t for me. I worked on other themes with other vendors, always on local host first) and no support ever needed my theme to be live…

Looking forward to your explanation

Hi,

I reference to my last post #680168:
I found out, that the scrolling of the “slide show element (fullwidth)” works only in the case, if there is no other avia-layoutbuilder-element above the “slide show element (fullwidth)”. I don’t know why. So that I can’t place no logo manually by using a code-block, because “slide show element” would slip again down and there is no way to place it at the top.

In the moment I removed only the main menu and use the logo-function of the enfold theme. But this limits my functionality to use the place above the slider. If there is no more possibility, I would use this solution and I will begin to create the whole website.

Best regards

Robby

I understand that you don’t provide 3rd party support. Maybe I should have explained better. Nothing changed when I just put a picture in the widget that was the same size as the ad I have in the plugin. It’s not the plugin.

This forum question isnt really about advertisting as much as it is about framework and structure of enfold.

Let me try to restate my question in order of importance maybe:

1. I need to make columns 1 and 5 on the home page go all the way to the top. So I want the header to not go all the way to the left and right of the page. Is there a way that I can accomplish this? basically i want the header to be the same width of columns 2, 3, and 4 combined

2. I need the 1st and 5th columns on the home page to be thinner than the middle columns (#s 2, 3, and 4).

3. I need advice on how to get the header widget to show up right. No matter what I do, the widget is either too small and/or in the wrong place.

for #3 – if you want to see an example of what i am trying to accomplish, you can look at our current website, which is: http://www.wizs.com and look at the header ad to the right of the logo.

I think this could work but the rest of the page is also not converting to the right mobile look. When I click menu it just opens the desktop menu below. Also, I prefer the menu to be on the right side of the page if possible

I just tested in chrome responsive mode and once I slide above 766px the menu stops working

Hi Kriesi Team,

I tested the following proposal I read in your support area. It works, but only in one way, I do not need:

My goal was to scroll the “slide show element (fullwidth)” to the top and overwrite the whitespace, which appears after removing the main menu. Therfore I gave a classname to the “slide show element (fullwidth)” and scrolled it as a test in my style.css TO THE BOTTOM (command: .classname {margin-top: 400px;}). This works perfectly.

BUT WHEN I USE THE SAME COMMAND (command: .classname {margin-top: -400px;}) to scroll the “slide show element” to the TOP to overwrite the appeared whitespace, because the main menu is removed (hide). It does not work. Please consider, that I changed only the number from 400 to -400.

Why it is not possoble to overwrite the whitespace, which appears because of the removed or hided main manu?

By the way: I removed the main menu with the command: #header_main_alternate { display: none;} or .page-id-25 #header { display:none!important;} -> both commands worked.

Best regards.

Robby