[juliewaterhouse]

This reply has been marked as private.

[juliewaterhouse]

Thank you so much, David! I had tried adding a slider element to the row (with “add element” from within the row), but the Page Builder created it outside, and I wasn’t able to drag it in. Looks like I gave up too soon — I know that sometimes dragging elements where you want can require some persistence.

I really appreciate the help!

FYI, the text inside the slider asset (“NOTE: IF YOU ARE TRYING TO ADD A FULL WIDTH SLIDER, THEN PLEASE PROVIDE THE ALIAS IN THE PAGE META OPTIONS INSTEAD OF USING THIS ASSET.”) was a bit misleading.

[juliewaterhouse]

This reply has been marked as private.

[juliewaterhouse]

Yes, but can I make them both full width? If so, how?

Thanks.

[juliewaterhouse]

Okay, Rui. Thanks for the quick response!

~Julie

[juliewaterhouse]

Perfect! That CSS did the trick. Thank you so much, Ed!

[juliewaterhouse]

Hi Kyle,

I didn’t think I was trying to do a full width text box inside the tour. In fact, I’m not quite sure what you mean. For the most basic case that didn’t work, the tour comes with a text box inside the tab pane, and I just added a second one underneath it. That second one is not displayed immediately below the first. Instead, it’s displayed after a gap because the first text box is sized to fill the whole height of all of the tabs.

Am I being clear enough in my description so that you understand the problem I’m seeing?

If you understand the problem, then it’s me who is not understanding what I’m doing wrong. Could you try to explain a bit more what you mean?

Thanks.

[juliewaterhouse]

In the same Tour, there are several examples where I’ve added content, and it’s not working. The first to show the issue is the fourth tab down, titled “Clean Fruits and Vegetables.”

[juliewaterhouse]

Thanks very much, Mohammad! That did the trick.

~Julie

[juliewaterhouse]

Hi Kyle,

Sorry, I’ve just discovered that there’s a bit of a problem with this solution.

If you visit http://107.170.101.150 and slowly narrow the browser window, the menubar does switch correctly to the mobile style at the point where I’d like, but at the exact point when it does, the menu doesn’t actually work when clicked. If I keep resizing smaller, there seems to be another breakpoint where the menu starts working again.

Another way to observe this is to resize the window quite narrow (to a point where the menu works), then click the mobile menu to activate it. While it’s open, resize the window slowly larger again. At some point, you’ll see the menu items down the side disappear. It’s in this range, from that point until the regular menu re-appears, that the mobile menu doesn’t work.

Tested on a variety of browsers with the same behaviour.

I’m using the exact CSS form the thread you referenced earlier, with 1200 as my breakpoint.

Would love some help! 🙂

[juliewaterhouse]

Thank you Kyle! That CSS worked perfectly for me. Much appreciated.

~Julie

[juliewaterhouse]

Thanks so much for taking the time to help me debug. It’s much appreciated. I’ve been tearing my hair out for a couple of days! I will go through my custom CSS and find the error.

Thanks again.

[juliewaterhouse]

This reply has been marked as private.

[juliewaterhouse]

This reply has been marked as private.

[juliewaterhouse]

Thanks — didn’t know that. Still seeing the style crossed out. See attachment #1.

Right below that style is the same style selector, but coming from the stylesheet. See attachment #2. If I edit this one in the browser to change the colour, e.g., then the correct style is picked up.

Attachments:

You must be logged in to view attached files.