3

How to center the alignment element in the mobile version?

 2 years ago
source link: https://www.codesd.com/item/how-to-center-the-alignment-element-in-the-mobile-version.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

How to center the alignment element in the mobile version?

advertisements

I tried to modify some element with the following text "Connect with Deepak" in my page but without little luck. Please help me to edit the CSS:

@media (max-width:560px)  {
.vc_sep_holder .vc_sep_holder_l   {
 max-width: 320px;
 margin:auto;
}}

@media (max-width:560px)  {
 .vc_sep_holder .vc_sep_holder_r   {
  max-width: 320px;
  margin:auto;
}}

The two line always appear in mobile. Can someone provide advice to where I make mistake?


add this in your media query: .vc_separator.vc_sep_double {width:100%;}

Related Articles

How to run the mobile version of a website?

There are two common ways to run mobile version of a website: Detecting the mobile browser by server-side scripting to display mobile theme. Having a separate subdomain such as m.domain.com or mobile.domain.com. Which is better in action? In both cas

How to center the alignment of generic font icons vertically in a div circle?

I'm trying to center align font awesome icons center by vertically. If there is text we can do it using line-height property even i tried giving the line-height same height as height of the div. Tried display:inline-block and vertical-align:middle di

How to center the variable length text in the element absolutely divided into div?

I do know the solutions from how to center absolute positioned element in div. But my situation is, instead of a fixed length div, I have a variable length text. I want the div increase length with text while keep centered. I guess I can use js to pr

How to center the text in a div element?

This question already has an answer here: center text in div 3 answers How to center the text inside the div? I have the following css code: Should I use line-height property to center the text? .activebox { display: inline-block; width: 40px; height

How to center the elements in an isotopic container?

I have an isotope grid with a non fixed width and I dont know how to center the items inside the isotope container. .box{ width: 40px; height: 40px; background-color: #e74c3c; margin: 0 auto; } that css fails to center the items. here is the link to

How to center the central circle?

How to center the center circle (CSS only)?   [Assume latest CSS3 browser support.] Must maintain v/h centering when parent w/h changes dynamically. Would the experimental CSS Box Model spec help here? Thanks. http://jsfiddle.net/dragontheory/VdJFa/5

GtkListStore - how to center the text?

I have included a brief snippet of code. I'm making a Tree View with 5 columns. I have pasted the last column with the for loop that generates the data to be stored in the GtkListStore. I can center the columns of the Tree View easily. I have looked

How to center the text label in the iPhone Settings app

When you look at Settings - General - Keyboard you can see text "Double tapping the space bar will insert a period followed by a space". Question: how can I do something similar in my own app settings? Got pretty close by using PSGroupSpecifier

How to center the map view while following the user

I am just wondering how to center the map view as the user is vein tracked with CLLocationmanager and map kit This is currently how I am tracking the user and updating the location etc. - (void)viewDidLoad { // Initialize the TileOverlay with tiles i

How to view the SVN version in Maven using the build number plugin

How do display the svn version and the timestamp using build number plugin. Currently I have the following <plugins> <plugin> <groupId>org.codehaus.mojo</groupId> <artifactId>buildnumber-maven-plugin</artifactId> <co

How can I use CSS to control which part of an image appears in the mobile version of the site?

So I recently decided to go with the Twenty Fifteen theme on my self-hosted Wordpress blog. In this theme the "header" image is actually the sidebar image when you're viewing on a desktop. When it's viewed on a tablet or smart phone, the image m

How to determine the opengl version under Windows?

I knew Windows comes with Opengl drivers. If I also have NVidia driver, how to termine the OpenGL version?I knew Windows comes with Opengl drivers. Actually it doesn't. Windows comes with a OpenGL emulation. But actual OpenGL drivers are only availab

I have python 2.7 and 3.6 installed on my mac. How to find the pip version associated with Python3?

I tried using pip --version but it will give me the version of only pip associated with python and not python3.Try using pip3 --version. Normally pip3 is the symlink to the pip associated with Python3. If that doesn't work, please provide more detail

how to get the windows version of emacs

how to get the detail version information of windows from emacs. i am try to invoke "ver" windows command to get version information, but got failed. (call-process "ver") C-x C-e Debugger entered--Lisp error: (file-error "Searchin

How to load the desktop version of the web page via the PHP mobile page (user agent settings?)

I have a PHP page (which is displayed through a mobile/android browser) - however, when accessing a link to an external site - it automatically redirects to the mobile version. I want the link to take user to the desktop version of the webpage even w

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK