-
Posts
-
Hi, I have two 1/4 columns and two 1/5 columns – all side by side. I am using the following Quick CSS to reduce the width of the 1/5 columns.
div .av_one_fourth {margin-left: 1%;width: 25%;}
div .av_one_fifth {margin-left: 0%;width: 10%;}With the extra width space (ie. from decreasing the 1/5 column width), I would like to insert another column. A 1/4 column should fit in the remaining width. However, when I try to place this 1/4 column beside the others, it is placed underneath the existing columns. Could you please tell me how to insert this column beside the others.
Thankyou.Hey Angeladlh,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardHi Angela,
Thanks for the login details, though I’m still not sure what you are trying to achieve, are you trying to add a third row of menu items to that page?
Best regards,
RikardHi Rikard,
You are correct. I would like to add a 3rd block consisting of 2 columns (one with the menu item and the other with the price).
Because I have reduced the width of each of the columns that I am using, I thought i would have available space to do this.
What do you think?
thanks,
AngelaHi,
Where are you testing this? The extra column (1/4) will get pushed by the last column (1/5) because a “clear” css property is set. The extra column cannot float beside the last one unless you modify the css. Please provide the actual url to the page so that we can inspect it.
Best regards,
IsmaelHi Ismael,
if this too difficult to achieve (ie. adding extra columns), I can create the restaurant menu in a PDF rather than displaying it on a web page. Then I can link to it.
I would like to display the PDF, with my background image (used on all web pages) as a backdrop. Is this possible?
Thankyou,
AngelaHi Angeladlh,
Could you please attach a mockup of what you’re trying to achieve?
Have you seen our restaurant demo menu page?If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
The restaurant menu has 87 items. Because the list is so long, I thought of having 3 columns. Does the Restaurant Demo allow me to use a small font? Can I alter the spacing between lines? Can I have a background image?
I will create a mock-up and send it to you.
many thanks,
AngelaHi Angela,
Even 3 columns will not allow you to display the info in such a way that your user can perceive it.
You need to rethink the info architecture of the page. Use tab-sections, tabs or accordions.
Like thisIf you need further assistance please let us know.
Best regards,
VictoriaHi,
I have resolved this problem. Thankyou.However, I have a problem. When I display my website on my mobile phone, it doesn’t display properly as follows:
– there is a big space after the fullwidth slider on the Home page
– on the food menu pages, the 2nd column is displayed beneath the 1st column rather than side by sideCould you please help. The website name is given in the private content section.
Thankyou.
Hi Angela,
The aspect ratio of the image is not a good one for the image to be scaled for mobile. I suggest you cat the potion of the image you want to display on mobile and make another slider, hide this one on small screens with screen options and show another one, with the image optimized for mobile.
This code will adjust logo in portrait mode on mobile
@media only screen and (max-width: 479px) { .responsive #top .logo { width: 72%; } }So you want to show 2 images side by side? That should probably be done in landscape mode not portrait.
Let me know what you think.
Best regards,
Victoria
- You must be logged in to reply to this topic.