Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用css定位菜单标题(divi wordpress主题)_Css_Wordpress - Fatal编程技术网

使用css定位菜单标题(divi wordpress主题)

使用css定位菜单标题(divi wordpress主题),css,wordpress,Css,Wordpress,我尝试将我的菜单标题置于左侧,并成功地将菜单标题移至左侧。但是当我在手机里看到我的手机菜单不见了,请帮忙。 此“我的代码”用于向左移动菜单: #main-header .container.clearfix.et_menu_container{ margin-left: -400px;} 使用百分比值,如 margin-left: 10%;//write your right percentage 它在所有屏幕大小上都会显示良好使用百分比值,如 margin-left: 10%;//writ

我尝试将我的菜单标题置于左侧,并成功地将菜单标题移至左侧。但是当我在手机里看到我的手机菜单不见了,请帮忙。 此“我的代码”用于向左移动菜单:

#main-header .container.clearfix.et_menu_container{
margin-left: -400px;}

使用百分比值,如

margin-left: 10%;//write your right percentage

它在所有屏幕大小上都会显示良好

使用百分比值,如

margin-left: 10%;//write your right percentage

它将在所有屏幕大小上都显示良好

要删除mobile中留下的空白,只需在CSS文件中添加类似的代码即可

@media screen and (max-width: 480px) {
   #main-header .container.clearfix.et_menu_container{
margin-left: initial;}
}
最小宽度指示CSS何时使用以下规则。在这种情况下,屏幕最大宽度为480像素。您可能需要调整此设置以获得正确的外观

初始值将恢复为默认值。如果它不起作用,那么你必须检查主题css,看看它设置了什么


如果主题在手机(小屏幕)中,此脚本应该告诉您的主题恢复为默认主题。

要删除手机中留下的空白,只需在CSS文件中添加类似的代码即可

@media screen and (max-width: 480px) {
   #main-header .container.clearfix.et_menu_container{
margin-left: initial;}
}
最小宽度指示CSS何时使用以下规则。在这种情况下,屏幕最大宽度为480像素。您可能需要调整此设置以获得正确的外观

初始值将恢复为默认值。如果它不起作用,那么你必须检查主题css,看看它设置了什么


如果主题在移动设备(小屏幕)中,此脚本应告诉主题恢复为默认主题。

主题使用媒体查询,问题是您的更改影响了移动媒体查询。所以,在浏览器中调整窗口大小,检查元素,你会发现css的一部分需要更改,实际上是为了在较小的屏幕上重置此更改。我不太明白如何更改移动设备,或者我应该说是较小的屏幕。无论如何,thk for info@nevermind您的主题使用媒体查询,问题是您的更改影响了移动媒体查询。所以,在浏览器中调整窗口大小,检查元素,你会发现css的一部分需要更改,实际上是为了在较小的屏幕上重置此更改。我不太明白如何更改移动设备,或者我应该说是较小的屏幕。不管怎样,信息为@nevermind