Issue with Porto Responsiveness

[MrV63]

There are some issues with the Porto Theme responsiveness in regards to the Select Options and Add To Cart buttons on the home page and product archives. The text on the buttons shifts to two lines at certain resolution ranges and it also warps the wish list and quick view buttons into ovals (see screenshots attached).

Here are the resolution ranges where things are screwed up:

HOME PAGE

Select Options button:
768-813px
992-1078px
1160-1343px

Add To Cart button:
992-1007px
1160-1254px

PRODUCT ARCHIVE PAGE

Select Options button:
768-813px
992-1479px

Add To Cart button:
992-1479px

How can I fix these buttons? It looks awful when the buttons do this.

This field is Private Content.

Attachments:

You must be logged in to view attached files.

[Aizaz Awan]

Hello, @mrv63,

To address this issue, please follow these steps:

Navigate to the Dashboard.
Proceed to “Porto.”
Access “Theme options.”
Select “Skins.”
Choose “Custom CSS.”
Paste the provided code at the bottom of the black box.
Save the settings.

To view the changes on your site, clear your browser cache and revisit your website.

@media(max-width:1280px){.page-wrapper .porto-gb-542189be7fabb3cd04d55c068a1704a8{font-size:10px !important;}}

Best Regards,
PThemes Team.

[MrV63]

Thank you! I appreciate your quick and thorough support. I modified that code to suit the ranges a bit more efficiently but that gave me the jump off point I needed.

[Aizaz Awan]

Hello, @mrv63,

Thank you for the update! We’re delighted to learn that your issue has been resolved with the code and some tweaks. Your efforts are greatly appreciated. Enjoy utilizing Porto to its fullest!

Feel free to write back to us anytime.
We are always here to help you.

Best Regards,
PThemes Team

[Author]

Posts