move navigation bar to de RIGHT

isivaldes · June 2019

I need help with some ISSUES:

1. on https://themes.muffingroup.com/be/product4/ how can I move the navigation bar to the right instead of the left? HELP!

2. in our development http://tuad.goosemk.com/ how can I change the color of the hover in the second button, the one that says ¨solicita tu presupuesto¨

3. In the section that says ¨SERVICES¨the text of every icon I need it in white

4. In section SERVICIOS the icons have a ¨lined design¨ can I change that?

5. I need to reduce the space between some elements, how can I do it?

6. In section SERVICIOS I want each icon to have a border, but WHITE...how can I change the color?

7. In section ¨Deja de perder y comienza a :¨ how can I justify in the center ONLY heading of each icon?

8. Section ¨PLanes¨ how can I center both price tables? they are justified to the left

9. In section ¨Planes¨ I need both boxes to have the same height, could the second box (large one) have the checks in 2 columns? help here!

10. In section ¨Clientes¨how can I delete the bullet point of navigation in the carrusel?

Those 10 points I would appreciate to be solve.

THanks!

Pablo · June 2019

Hi,

1) You can do it using option named "Align Right" in Theme Options > Menu & Action Bar > Menu

http://prntscr.com/o7wg0i

2) It require advanced CSS code, to catch second element of the menu and then to apply the hover effect for the color of the text.

Unfortunately, we do provide help only with basic CSS code.

But, this will surely help you:

https://www.w3schools.com/cssref/sel_hover.asp

https://www.w3schools.com/cssref/sel_nth-child.asp

3) The text of that "grey" colored description is the same as the content text color.

Theme Options > Colors > Content

http://prntscr.com/o7wkgj

4) You mean these lines which are inside the circle?

We can get rid of this with basic css code, but first, tell me if this is what you're asking for.

5) Which exactly?

In most of the elements you can apply the '0px 0' value in margin and paddings values.

Remember, if you don't have any value provided there, then default value is provided, usually it's 15px 0.

6) It's already white.

http://prntscr.com/o7wlyy

Or you are asking about that small grey border? - It can be changed, of course - but only with the CSS, but first, tell me if this is what you're asking for.

7) As I see, you're using the column item to create that layout.

That's good, because if you want to change the aliging only of the single element, you have to provide inline-css for the heading tags, as on this screenshot:

http://prntscr.com/o7wn0k

8) You have to align it and select the proper size in the Muffin Builder to be on the middle of the screen(builder)

If you are not familiar with the Muffin Builder, please check that guide:

I'm not able to give you proper answer because I'm not sure how your layout looks like.

9) The equal height of wraps is used to position elements on: top, middle
or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and
under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical
align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

10) Paste that CSS code into the Theme Options > Custom CSS & JS > CSS

#planes .slick-dots{
	display: none !important;
}

Also, your website has a lot of HTML code errors, please fix them first.

Please open your website in Firefox html mode (CTRL+U) and check html errors you got

Thanks

isivaldes · July 2019

Yes for N.4, the lines that you said. How can I do it?

Bryan · July 2019

Hey,

I would suggest you go to theme options>global>general and change the main style for the theme from classic to simple. This will remove the lines.

thanks

isivaldes · July 2019

Thanks. Last question:

Look http://tuad.goosemk.com/ the section under the tittle of TRABAJAMOS CON , has a space white space to the left, how can I get rid of it?

htanks,

Pablo · July 2019

I'm not sure what you want to change.

You want to center that form, right?

See screen: http://prntscr.com/odn4fd

Thanks

isivaldes · July 2019

Just the Tittle and the button of the form...... I tryed and everything moves together..... I need only tittle ¨cotiza¨ and button ¨enviar¨ centered, thanks... by the way you have an excellent support service

Pablo · July 2019

You have a lot of HTML issues on your website.

Please fix this problem first, it's probably related to unclosed bracket on some tag.

Please open your website in Firefox html mode (CTRL+U) and check html errors you got.

Issued code will be in red color.

Thanks

move navigation bar to de RIGHT

Comments