-
AuthorPosts
-
okkhalid Friend
okkhalid
- Join date:
- November 2012
- Posts:
- 229
- Downloads:
- 2
- Uploads:
- 133
- Thanked:
- 3 times in 1 posts
May 16, 2014 at 8:55 pm #197867Hello,
I have small problem with the layout, I created a table with JCE editor for a restaurant menu.
but I had too play with the table layout so I can get mobile responsive.
But he issue here:
in desktop or bigger screen: the table is very small and not fit the page
in the mobile its out side the screen or the view.The mobile view:
So is there is any way to create this table to be a mobile friendly and desktop and big screen . please help thanks
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 16, 2014 at 9:25 pm #535480How “wide” are you wanting your menu table to display on desktop view?
okkhalid Friendokkhalid
- Join date:
- November 2012
- Posts:
- 229
- Downloads:
- 2
- Uploads:
- 133
- Thanked:
- 3 times in 1 posts
May 16, 2014 at 9:41 pm #535483Hi, just to fill the space at least, I have put a red line boards
so I have some space on the right and left of the page.Thank you
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
May 19, 2014 at 8:46 am #535650Please try to create a new css file called custom.css in this path: /templates/ja_fixel/css and add this css rule:
@media (max-width: 360px) {
.article-content.clearfix td {
padding: 8px 7px;
}
}And go to backend > change the style of that table:
<table border="0" align="center" style="height: 2332px; width: 351px;">
to:
<table border="0" align="center" style="height: 2332px; width: 100%;">
Hope this helps.
okkhalid Friendokkhalid
- Join date:
- November 2012
- Posts:
- 229
- Downloads:
- 2
- Uploads:
- 133
- Thanked:
- 3 times in 1 posts
May 23, 2014 at 1:50 am #536323Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
May 23, 2014 at 4:51 am #536344I’m afraid that you must reduce the width of image to have a nice look, pls try to change above css to:
@media (max-width: 360px) {
.article-content.clearfix td {
padding: 8px 0;
}.article-content.clearfix img {
width: 80px;
}
}
okkhalid Friendokkhalid
- Join date:
- November 2012
- Posts:
- 229
- Downloads:
- 2
- Uploads:
- 133
- Thanked:
- 3 times in 1 posts
May 23, 2014 at 7:51 pm #536459Great that works perfect 100%
June 19, 2014 at 9:14 pm #539572Sorry, but i cannot see my site on an iPhone. My safary blows up when visualizing the site
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
June 20, 2014 at 5:01 am #539599You can post your site’s URL here so that I can have a look and give you suggestion.
AuthorPostsViewing 9 posts - 1 through 9 (of 9 total)This topic contains 9 replies, has 4 voices, and was last updated by Saguaros 10 years, 4 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum