Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 4, 2015 at 12:12 pm #405703
    trianglehomeware_

    Hi,

    I found the grid row element can not fixed proberly when I scaled-down the browser, for example, I use the 1/2, 1/4, 1/4 grid row for a description of my factory which is contain a text block and two images, as below:

    As you can see, the grid row can not fix itself with different size, can you help me?

    Thanks
    Enffie

    March 4, 2015 at 9:20 pm #406042
    Elliott

    Hi Enffie!

    Remove the width CSS you have set on the paragraph.

    <p style="font-size: 15pt; font-family: calibri; line-height: 1.2; width: 620px; text-align: justify;">

    Or at least change it to max-width.

    Best regards,
    Elliott

    March 5, 2015 at 6:42 am #406242
    trianglehomeware_

    Hi,

    Yes, it works!
    There is a similar problem that the call to action buttons of my home page(“CLICK HERE”, “GET FREE E-BOOK NOW”, “CONTACT US”, they can not stick to the same position when I scaled down the window. how could I fix it?

    http://www.trianglehomeware.com

    Regards,
    Enffie

    March 5, 2015 at 10:31 am #406309
    Rikard

    Hi!

    I’m not exactly sure how you did that section in the back-end, but maybe it would be easier to put the text in a text-block inside a 2/3 element and the button in a 1/3? I think your problems will go away if you use that layout.

    Best regards,
    Rikard

    March 5, 2015 at 10:58 am #406325
    trianglehomeware_
    This reply has been marked as private.
    March 5, 2015 at 11:04 am #406328
    trianglehomeware_

    Hi,

    I have tried, but it is not very perfect as I want.
    Any way, thanks for your suggestion.

    Regards,
    Enffie

    March 5, 2015 at 12:15 pm #406344
    begrafiks

    Hi trianglehomeware_ and Rikard,
    sorry to jump in ;)

    I see (Chrome, DevTools) that you’ve used non-breaking spaces (& n b s p ;) between each of the words :
    “We are pleased to present you the full range of our products, especially for the new design housewares. Do you want to get our latest product brochure to boost your business?!”

    I think that is the problem.

    Another remarque :
    the code below ;

    span.avia_iconbox_title {position:relative; bottom:3px; }

    in the buttons “GET FREE E-BOOK NOW”, “CONTACT US” places the text higher (not centered verticaly)

    • This reply was modified 9 years, 8 months ago by begrafiks.
    March 5, 2015 at 3:39 pm #406450
    trianglehomeware_

    Hi, Begrafiks:

    Thanks for your kindly help!
    I understand what you mean, but if I amend the buttons CSS of “GET FREE E-BOOK NOW” & “CONTACT US” , then the position of “CLICK HERE” button will change too. As I have set an image background behind this call to action button, it can’t be out of that area too much, i don’t know how to amend it separately.

    Thanks & Regards,
    Enffie

    March 5, 2015 at 5:32 pm #406535
    begrafiks

    Hi trianglehomeware_ ;
    why not to try to add your background as a “gradient” http://www.colorzilla.com/gradient-editor/
    so you can achive your css in a better way

    March 6, 2015 at 5:56 am #406808
    Rikard

    Hey!

    Thanks @begrafiks :)

    @trianglehomeware did you try the suggestions and did you have any luck with them?

    Best regards,
    Rikard

    March 6, 2015 at 11:16 am #406914
    trianglehomeware_

    Hi, Rikard & begrafiks:

    Thanks for your recommendation, it looks quite good but I need some time to study.

    Best Regards,
    Enffie

    March 7, 2015 at 5:09 am #407388
    Rikard

    Hi Enffie!

    Great, just get back to us if you should have any more questions.

    Best regards,
    Rikard

    June 10, 2015 at 9:00 pm #457515
    dwebprojects

    HI,

    I used grid raw element, but on ohone, is not responsive, does not display block. Why?

    http://prntscr.com/7fg8zr

    here u can see: http://prntscr.com/7fg9oj

    Ty,

    d.

    June 11, 2015 at 7:37 am #457633
    Rikard

    Hey!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    June 11, 2015 at 7:43 am #457636
    dwebprojects

    I solved, ty!!!

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Grid row does not show proberly on scaled-down window or small device’ is closed to new replies.