Skip to main content

Padding page edge gap margin border

Presumably you are referring to the "Page Border".

Try and set YOOtheme > STYLE > General > Theme > PAGE > Border Width: 0px.

  • Hits: 9

Changing the order of the rows for mobile

In the Row go to Edit Layout

For the second row to be first on a mobile put:

Column1 - order first / Medium (Tablet Landscape)

Column2 - order first / Always

changing order of rows for mobile

  • Hits: 12

Add a top and bottom border to the menu / navbar area

open the Customizer, go to STYLE > Components > Navbar, pick your colour by setting Border: rgba(190, 175, 130, 1) (for example), set Border Width: 15px, and select Mode: Border.

If this doesn't work add CSS and style for a bottom border

/*header bottom border*/
.uk-navbar-container:not(.uk-navbar-transparent),
.uk-navbar-transparent {
border-bottom: #ff5b00;
border-bottom-style: solid;
border-bottom-width: 12px;
}

For top and bottom border

/*header top and bottom border*/
.uk-navbar-container:not(.uk-navbar-transparent),
.uk-navbar-transparent {
border-bottom: #9E9E9E;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.uk-navbar-container:not(.uk-navbar-transparent),
.uk-navbar-transparent {
border-top: #9E9E9E;
border-top-style: solid;
border-top-width: 1px;
}
  • Hits: 15

Sub menu - dropdown background - text colour - full width

Style / NAVBAR 

Dropdown background colour

dropdown style background

Text colour

dropdown style hover colours

Sub menu drop down font size

dropdown style font size

 Now the active state colour needs to be set up like this:

In the item settings: Item > Settings > Item > Type > click on dynamic and select, Item

Item > Active click on dyanmic and select, Active - Menu item.

dropdown active state colour

Full Width

Layout / Header / Dropdown / tick the radio button for Enable dropbar

 

 

  • Hits: 35

grid drop shadow

Grid / Settings / Image / Box Shadow and Floating Shadow.

grid drop shadow

  • Hits: 7

Hover colour for the sub menu dropdow nav

Style / Components / Navbar / Dropdown / Padding,
Scroll down to Dropdown Nav Item / Padding Horizontal and insert the very same value say 20px.

Scroll up to Dropdown Nav / Margin Horizontal and insert the same value, but with a leading negative sign: -20px.

Then if using a mega menu - Menus / Main Menu / Heating (Builder) / Nav / Items / Settings / Active

make sure 'Enable active state' is not checked.

Change the text colour in Nav, not Navbar

dropdown rollover

  • Hits: 18

ToTop Button Style

/* To Top Button style */

.uk-totop {

padding: 30px;

color: #ffffff;

background-color: #00000089;

}
  • Hits: 9