Mobile View Modification
-
Hello,
I have an issue with my site. The content does not seem to format properly in the PORTRAIT mobile view, the photos are resized and become smaller or bigger, the text is scattered. However, everything is perfect in the desktop view and also in the mobile LANDSCAPE view. I was hoping we could create some code to make the portrait mobile view be just like the desktop view.
The blog I need help with is: (visible only to logged in users)
-
Hi there, are you talking about on your Shop page? If so, HTML tables on responsive designed themes can be challenging. The first thing I would suggest is instead of using “width” in your style declaration in the opening table html tags, use “max-width” and then set also a “width” of 100% like this.
<table style="height:409px;" max-width="619; width: 100%;">
In your td elements, remove the “width” and instead make them like this.
<td style="width: 33%;">
By setting a percentage using a style declaration, the three will, or should, always be equal and will adjust in width as needed for the width of the screen/window you are viewing things on.Let’s start with this and then see how things go.
-
Hello! Thank you for replying! I really appreciate it! Actually, the shop page is fine. What i am talking about is when i click on one of the categories on the shop page, for example i select “clothing”, the content on there is not formatting correctly or adjusting to the mobile view. If the solution you’ve posted will still work for the issue, let me know otherwise please help further if i’ve described it better for you :)
-
From looking at the Jewelry page, it is the same problem. Apply the changes I mentioned for the Shop page to the table in one of the category pages, such as Jewelry and let’s see if that doesn’t fix the issue.
-
I’m not sure what you mean by the table? Could you please be more specific?
Do you mean the place in the backend of my website where i add the content, you want me to paste the code in the text tab there?
-
Your products are organized in html tables within your pages (content), which allows them to show in rows. Did you set up all of those pages and those tables?
You would need to edit each page that shows your products in rows and in the Text/HTML tab in the editor, you need to find the table tags and modify them as I described.
-
I did set up all the pages and the tables. Would i just copy and paste the code once for each category in each categories html tab editor
or will i have to actually find the code that creates the table and modify it?
-
You will need to find the bits of code within the pages (from the Text or HTML tab in the editor) and then modify them as I mentioned above. Let me know how things go and if you have any problems.
- The topic ‘Mobile View Modification’ is closed to new replies.
WordPress.com Forums 