[MrV63]

Apparently the video link I posted above did not work. I added the link in the private area so you can view the video they sent me.

This field is Private Content.

[MrV63]

The screenshot above was too big so I reattached a smaller one.

Attachments:

You must be logged in to view attached files.

[MrV63]

I’ve attached a screenshot of the template I chose to start editing. It even looks a little wider in the porto studio page that it does after I import it. But I want to make it even wider for desktop. I understand it will change for mobile and that’s ok.

[MrV63]

Thank you. I have loaded a porto ‘product type – list’ template but for the life of me can’t figure out how to make the white area wider. If I widen the blocks they either get squished or go off the area because the white area is too narrow. I’ve been trying to figure it out for over an hour. See attached screenshot.

Attachments:

You must be logged in to view attached files.

[MrV63]

Can they be set up to look like the screenshot? I want them in small rows with option to choose variations and an add to cart button.

[MrV63]

I’m not sure what a Frequently Bought Together plugin has to do with having a page with our products listed on it. I’m just looking to have our products listed on one page for easy ordering and then I will make that page only visible to wholesale user role.

[MrV63]

Forgot to thank you for the reply. It worked like a charm!

[MrV63]

Ok thanks for the help. I was able to set up the Wishlist page and get the settings I wanted in place. It still isn’t showing up on the My Account dropdown menu though. Any idea why?

[MrV63]

Thanks for that suggestion! I do need any tips I can get as I’m not the best with CSS but I am learning and things like that definitely help.

[MrV63]

I finally figured out on my own to get rid of the my account dropdown menu for touch devices. I’m just posting my results here if anyone else is trying to remove a broken menu that shouldn’t even be part of the theme to begin with. Here is the CSS:

@media(max-width:991px){.wpb_custom_7f1500734455b1eeef6f72f11d417d71.account-dropdown > li.has-sub > a::after {
display: none !important;
}}

@media(max-width:991px){#header .porto-narrow-sub-menu {
display: none !important;
}}

• This reply was modified 1 year, 4 months ago by MrV63.

[MrV63]

Upon further inspection, the My Account icon is the same link as the first item in the dropdown (Dashboard). Maybe there is a way to make the icon not be a link to Dashboard but instead be a link just to open the dropdown menu?

• This reply was modified 1 year, 4 months ago by MrV63.

[MrV63]

There must be some css or javascript that can be implemented to remove the hover effect or something similar at mobile resolutions: @media(max-width: 991px)

[MrV63]

I tried that CSS code but it doesn’t fix the problem. It just removes the chevron and doesn’t keep the menu open. It immediately goes to the Dashboard page when I click the icon. I guess I’m really confused now as to why a feature that’s known not to work on mobile be implemented into the mobile design of your theme? I didn’t add that. It was part of the theme that I purchased. And just to be clear the dropdown does open. It just doesn’t let you use it.

• This reply was modified 1 year, 4 months ago by MrV63.

[MrV63]

Strangely the Icon and chevron magically started looking ok. They were squished next to the divider right before I took the screenshot 1 but now they are normal. I haven’t changed anything. Strange things happening because I don’t remember this menu thing happening before either. I also forgot to mention that I made a template from my original header and created a new header as a test. I loaded the old header template into a blank header and the menu looks screwed up there too even though it came from an exact copy of the header that looks good.

[MrV63]

That didn’t fix the issue (even after I fixed your last curly bracket). Something weird is going on where when you open the dropdown menu it instantly clicks the main menu link instead of letting you select something from the submenu links. I’ve tested this on actual phone and with browser developer tools set to mobile. It is even happening on the Main Menu in browser tools when set to mobile (browser width of 992px+ but still in mobile mode). On top of that the css is messed up with the My Account icon and chevron and the dropdown colors css (screenshot 1). I’ve set up my old header on one page to compare. The formatting seems fine (screenshot 2) although the menu error is still there. But the only difference between my old header and the new header is where the search bar is. I haven’t changed anything else that would mess up the css. Just to make sure some other conflict was happening, I disable all my plugins and backed up and deleted all my custom css in the Skins > Custom CSS page. I have no idea what’s going on. Hopefully you can help. The site is stripped down temporarily so you can take a look (it’s not a live site yet).

Current header is on all pages. Old header where the my account icon and menu css looks good is here:

test

Attachments:

You must be logged in to view attached files.

[Author]

Posts