Evo live casino.Makakuha ng libreng 700pho sa bawat deposito

mobile usability issues

debbiewaller — Sun, 16 Oct 2022 06:34:53 +0000

I am using the twenty twelve theme.
Google tells me that there are elements too wide for a page, and that some text is too small to read.
I can’t find out how to identify which page elements are throwing up the errors so I can’t put it right.

I am new to WordPress and do not know much code.

mobile usability issues

debbiewaller — Sat, 15 Oct 2022 08:41:46 +0000

Google tells me that there are elements too wide for a page, that some clickable elements are too close together and that some text is too small to read.
I am using the twenty twelve theme.
I can’t find out how to identify which page elements are throwing up the errors so I can’t put it right.
I feel maybe the sidebar menu is smaller text than it should be and close together but I’m not sure how to alter this.

I am new to WordPress and do not know much code.

Navbar Spacing and Formatting Of Text

josh863 — Fri, 08 Jul 2022 23:14:02 +0000

This is the site I am constructing: https://joshuadavisvideoresumeextension.com/

Over the years I collected a lot of css scripts that I acquired either from the forum or from Roman.

I tried applying each one at a time to try to correct the issues I am now experiencing.

I will first list the troubleshooting for which I need help and then I will show the CSS that I have in the Additional CSS.

Troubleshooting needs:

1) I want to get the navbar further up.

2) Menu text color:

The following CSS is not changing the text color

/////////////////////////////////////////////
/////////////////////////////////////////////
/* Menu background color before hover */
#mainnav{
background-color: #040500;
}
///////////////////////////////////////////////
//////////////////////////////////////////////

/* Menu text color before hover */
#mainnav ul.menu > li > a{
color: #effa45 ;
}

/* Menu text color during hover */
#mainnav ul.menu > li > a:hover{
color: #ff0000;
}

I went through the customizer to find if
I can change the text color and background
color with no success.

3) FOR THE HEADER SECTION TO CREATE SPACE BETWEEN IT AND
THE MENU>

In mobile mode, the screen is a little to
wide. There appears to be a little overflow.
Part of the telephone number runs to the
next line.

I am using Elementor.

I used an Inner Section inside of a section for
the “Joshua Davis Video Resume Extension.”

Here is the code I used in the text box:

Joshua Davis Video Resume Extension

201-396-2569, [email protected]

======> Here is the entire CSS that is in the “Additional CSS”<=====

/*Hide page title*/
.page.hentry .title-post {
display: none;
}

@media only screen and (max-width: 1024px) {
.site-header,
.site-header.fixed {
position: absolute !important; }

.btn-menu {
float: right; /* align the menu to the right*/
line-height: 0px; /* I modified this line*/
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}

.site-header {
background-color: transparent !important;
padding-top: 0;
}

header#masthead div.col-md-4.col-sm-8.col-xs-12,
header#masthead img.site-logo {
margin-bottom: 0;
margin-top: 0;
}

.page header.entry-header {
display: none;
}

.page-header {
display: none;
}

.site-title {
visibility: hidden;
}

.site-description {
visibility: hidden;
}

/* Menu text color before hover */
#mainnav ul.menu > li > a{
color: #effa45 ;
}

/* Menu text color during hover */
#mainnav ul.menu > li > a:hover{
color: #ff0000;
}

/* Menu background color before hover */
#mainnav{
background-color: #040500;
}

.the-top-menu{
width: 100%;
}

.page-wrap {
padding: 1px 0 1px;
clear: both;
margin-top: 0px;
}

.panel.widget,
.panel-grid-cell section {
padding-top: -10px;
padding-bottom: -10px;
}

.so-panel.widget {
padding: 0;
}

.table-container
{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}

table.center {
margin-left:auto;
margin-right:auto;
}

@media only screen and (max-width: 767px){
.btn-menu {
float: right;
margin: -40px 15px 0 0;
}

#mainnav-mobi {
top: 20px;
}
}

.content-wrapper {
padding-top: 0px;
}

—————————–
4) I want to get the logo further to the left
in desktop and tablet mode.

I hope you can help me resolve this problem.

Thank you,

Joshua Davis

Space between main menu items

compclar — Fri, 14 Jan 2022 18:20:23 +0000

I tried the advise offered in another post:

.main-navigation .main-menu > li > a { margin-right: 1.5rem; }

without results.

Help.

Center Top Menu

themeganmcleod — Sat, 13 Mar 2021 16:30:25 +0000

Hello

I would like to center the top menu, thank you in advance!

Dropdown Menu Spacing – help!

sophocles11 — Tue, 17 Nov 2020 22:52:52 +0000

Hi!
I’m a (very new) web developper and have been building a site with Beaver Builder using the Astra theme. I have been completely stuck on how to reduce the spacing between the dropdown menu items – as I’ll be adding even more product categories, I want as many of them to fit on a computer screen as possible.

Can anyone help me with this? I’m quite new to CSS…

Thanks!

Spacing between menu Elements / Force into 1 row

airsophia — Tue, 23 Jun 2020 22:03:33 +0000

Hey guys,

(disclaimer: I just learned using inspector and adding custom css at a basic level)
I am using free elementor with the layers theme and I got the following issue:

I need those 4 menu elements in this shop menu but on mobile it pushes the fourth element into a second row. Which is uncanny as hell.

I tried everything and I googled it many times but I could not find the parameter to add to my additional css to make them move together inside the row.

I tried both
display: inline-block;
white-space: nowrap;
and nothing does the job.

My recent custom css addition for the menu is:

@media only screen and (max-width: 700px) {
.nav-horizontal ul#menu-shop-menu-1.menu{
display: inline-block;
padding: 10px;
height: auto;
}
}

i’d be veeeery grateful for a solution (:

best regards,
kosta

How to space menu items evenly

bethgee — Fri, 12 Jun 2020 12:36:08 +0000

Hi there,

I am trying to make my main navigation menu spread from the far left to the far right of the screen, with the items spaced evenly across the screen no matter the size.

I am using the Neve theme and only seem to have the option to use px to determine the width between items which is useless as it means as soon as the screen size changes the menu looks awful!

I have tried various css options from the web but none of them have worked.

Help please!

Weaver Xtreme: title size in main menu, and menu spacing

Vishnudash — Tue, 07 Apr 2020 02:37:57 +0000

Howdy Folks,
Two-part question, after adding the site title to the left side of the main menu:
1. How to add more spacing between the title and the home button? I tried centering the menu buttons using the customizer but they come out right of center, maybe due to the title being there.

2. How to increase the size of the site title on that menu?
It was added there by going to Layout Menus > Layout for Primary Menu > Add Site Title to Left of Primary Menu

Thanks very much.

Separation between items on menu dropdown

yipching — Thu, 15 Nov 2018 16:27:10 +0000

Greetings! Buildr is one of the best themes I’ve ever worked with! I have one minor complaint that I’m sure can be addressed…

When you drop down a menu from the header, there is no spacing or separator between each item on the menu. It makes it extremely difficult for the reader to distinguish between items on the drop down. When you hover over the list, the items do change color, which helps.. But is there a way to adjust the spacing set on the menu itself?

See an example:

Snip

Thank you!!