Some problems with mobile responsiveness

[JohnnyH]

Hey, I am having a few responsiveness changes I want to be made, but there are a few things I don’t understand.
This is my website http://mrl-redesign.000webhostapp.com/

This chevron-down arrow on the menu, how do I remove it?
The header is from corporate-14.

I can see the code for it using inspect elements, but it’s not actually in my HTML code, I can’t find it with ctrl+f.
Those are not dropdown menus, so all I need is the arrow to be removed/be the same color as the header.

Margins in the md-5 class. (I have taken this section from the demo-app-landing page).

I have tried to manually change the “margin-bottom 3rem !important;” to zero with @media (as I’ve manually did to the logo and other things through the help of these forums)
but it seems like the md-5 class overwrites w/e @media I create for it at any resolution.

Thanks in advance!

---

[Support]

Hello, first thanks for your purchase.

This chevron-down arrow on the menu, how do I remove it?

This arrow is generated by JS code. Because of that you are not seeing in the HTML source code. You can just remove the class dropdown-toggle from menu items that you want to hide the arrow. For example:

<li class="dropdown">
    <a class="dropdown-item" href="#about">
		About Us
	</a>
</li>

Margins in the md-5 class. (I have taken this section from the demo-app-landing page).

mb-5 is a helper/utility spacing class that comes bundled with Bootstrap 4 (that’s the base of Porto). To remove the margin you just change mb-5 to mb-0. Learn more about these class here: https://getbootstrap.com/docs/4.5/utilities/spacing/

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

Kind Regards,

Rodrigo.

---

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

---

[JohnnyH]

Hey, thank you very much, it fixed everything.

I have one last question,
I am using the testimonial section from corporate-19. I have only made the section grey and changed the owl-carousel margins for mobile,
but I have a problem with the testimonial client name not appearing (it appears only after you scroll the carousel, and the second and third carousel appear normally).

        <section class="section bg-color-grey-scale-4 section-height-2 border-0 m-0 appear-animation" data-appear-animation="fadeIn" id="testimonials">
           	<div class="container py-5">
					<div class="row justify-content-center py-5">
						<div class="col-lg-9 px-lg-4 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="200">
							<div class="owl-carousel owl-theme stage-margin stage-margin-lg nav-dark nav-style-2 mb-0" data-plugin-options="{'items': 1, 'margin': 100, 'loop': true, 'nav': true, 'dots': false, 'stagePadding': 100, 'autoHeight': true}">
								<div>
									<div class="testimonial testimonial-style-2 mb-0">
										<div class="testimonial-author">
											<img src="img/client-1.jpg" class="img-fluid rounded-circle" alt="">
										</div>
										<blockquote>
											<p class="text-color-dark text-5 line-height-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
										</blockquote>
										<div class="testimonial-author">
											<p><strong class="font-weight-extra-bold text-2">- John Smith 1. Company</strong></p>
										</div>
									</div>
								</div>

---

[JohnnyH]

(Forgot to post screenshot) here is how it looks before I click the carousel arrows:

---

[JohnnyH]

Ignore that, it seems to be okay once the site is up online.

---

[Support]

Hello,

Great that you figured this out!

If you need further assistance, feel free to contact us.

Kind Regards,

Rodrigo.

---

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

---

[Author]

Posts