Site Responsive

[taqigates]

Can you please check the site now for the responsiveness?

---

Template Version: 8.0

[Support]

Hello,

1) The logos section below is poor aligned:

Change the class to:

class="col-lg-5 text-center row mx-0"

2) The mobile menu has some issues like button not working when clicks. To fix first change the header-body class to:

<div class="header-body border-0 overflow-visible">.........</div>

Also add the class dropdown-item in all menu links. For example:

<a id="menu-home" href="home" class="dropdown-item">Home</a>

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[taqigates]

I did the specified changed but still, the submenu doesn’t expand and the site is not fully responsive I believe.

---

[Support]

Hello,

1) The sub menus are not working because it’s missing the navigation JS code of the template inside your js/theme.js file. Probably in some moment you removed this part of code. We do not recommend change core files like theme.js and theme.init.js. For now to fix you can replace all code of your js/theme.js with this new below:
https://www.okler.net/previews/porto/8.0.0/js/theme.js

2) Regarding the responsive, the only part I consider it’s not responsive is the slider. But as I mentioned for you on this reply #10034684, you should use the responsive levels of revolution slider to set different values for each screen size, like font size, position “x”, position “y”, etc.

If you consider other sections not responsive, please let me know wich are exactly the sections and I can help you with instructions.

We hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[taqigates]

I get some error now. I updated the theme.js and theme.init.js files.

---

[Support]

Hello,

Now it’s missing include the common.min.js script on footer of page.

<script src="vendor/common/common.min.js"></script>

* Add after the jquery.isotope.min.js" script.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[taqigates]

It’s working fine now, but it takes more time to load. This was the only reason I removed these files.
Any solution for optimizing the website?
And also other pages are not responsive eg: rawatmakan.com/renter

---

[Support]

Hello,

Regarding the new page link you sent:

1) It’s missing a position relative in the first section:

2) It’s missing a mb-4 in the section below:

Regarding optimizing the website:
There are important core JS code in the common.min.js file and because of that this file should be maintained. The best way is minify and compress all JS files into one. Please read more about that below:

Regarding performance, there are a few things you can do after you finish your website. For example, there are several different ways to compress and combine the assets, this is probably the easiest way: http://www.okler.net/forums/topic/minify-php-how-to-combine-minify-and-cache-javascript-and-css-files-on-demand/

The images can also be improved, consider to export them in a lower quality. JPG 80% is good enough.

Regarding the cache, this is the right way to do that: https://developers.google.com/speed/docs/insights/LeverageBrowserCaching

You can also remove the plugins that you will never use in any page and combine/compress all the other scripts so it will cache the resources and make it much better in performance in any other page.

The use of a CDN to serve your website files also it’s a good idea.

It works the same way for all HTML templates. All files come uncompressed to make it easy to edit and customize, and then when you finish your website you can make the improvements.

We hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[taqigates]

Thanks for your awesome support. I did the changes you specified, now I urge you to check the other pages and list down the errors we made.

---

[taqigates]

Also, I see a space in the right of every page when we open in the mobile.

---

[Support]

Hello,

Great!

I did the changes you specified, now I urge you to check the other pages and list down the errors we made.

In the other fixes I sent to you I saw you changed a lot the HTML structure of the template, that are generating these issues. Sorry but check each page for issues is out of what our support scope can offer. We can help you with instructions about how the template works. For example, the template comes with ready utilities/helpers responsive classes for spacement:
https://getbootstrap.com/docs/4.5/utilities/spacing/#notation

Here’s how the grid system works:
https://getbootstrap.com/docs/4.5/layout/grid/

* I saw in some part of your website you add columns inside another columns without a row. This type of practice generates spacing issues. The best way is always wrap columns within a row. For example:

<div class="row">
    <div class="col-gl-6">
        <div class="row">
             <div class="col-lg-4">
                  ............
             </div>
        </div>
    </div>
</div>

Also, I see a space in the right of every page when we open in the mobile.

Sorry but we couldn’t reproduce this issue here. I tested in a real mobile device. This is a known bug If you are testing in a web browser and resizing the window or using developer tools. On this case you need close the window/tab and open again. Note that it is a bug generated by browsers and not the template.

We hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts