Magento 2 Responsive Theme Porto Customization Tutorial

Magento 2 is the best online store application but we also need wonderful responsive theme for Magento 2 and Porto is a good choice but if you are not familar with Magento 2 or Magento 2 theme structure, it’s little hard to customize Magento 2 appearance. Let’s customize Magento 2 theme base on Porto.

How to change Porto theme logo size?

Please try to use the code below in Store-Settings-Configuration-PORTO2.x.x- Porto -Setting panel > Customization Setting:

@media (min-width: 768px) { header .logo img { width: 170px; } }

Note: You can change the width and should setup other size for different device also.

How can I change ”Search entire store here …” inside the search field?

change color: use the following css in Customization Setting: (#000 is the color what you want)

.block-search input { color: #000 !important; }

change text: copy this file vendor/magento/module-search/view/frontend/templates/ from default Magento to your theme and edit the text for your purpose.


You may also like

Leave A Comment

Please enter your name. Please enter an valid email address. Please enter message.